How to Find the Fonts Used on a Website
You can identify a website's fonts using your browser's built-in developer tools, or with a dedicated font-inspection extension like ExtFoundry's Font X-Ray.
If you've ever seen a font on a website and wanted to know what it was, there are a few reliable ways to find out — from your browser's built-in tools to a dedicated font-inspection extension.
Using your browser's DevTools
Every modern browser lets you inspect any element's computed styles for free:
- Right-click the text and choose "Inspect" (or "Inspect Element").
- In the DevTools panel that opens, find the "Computed" or "Styles" tab.
- Look for the
font-familyproperty — it lists the font name, along with any fallback fonts. - Check nearby for
font-size,font-weight,line-height, andletter-spacingif you need the full typographic detail, not just the name.
This works on any website and requires no installation, but it means inspecting one element at a time.
A purpose-built option: Font X-Ray
Font X-Ray is a Chrome extension built specifically for this: select any text on a page and see its font family, size, weight, color, line height, and letter spacing in a visual side panel, without opening DevTools. It also previews detected fonts with large visual samples, saves recent scan history, and scans pages automatically as you browse. The free tier covers everyday font lookups; Pro adds CSS export, JSON export, and extended history.
What to do once you've identified a font
If the font is a common web font (from Google Fonts, Adobe Fonts, or similar), you can usually search its name directly to find where to license or self-host it. If it's a custom or paid font, the font-family value alone won't tell you where to buy it — you may need to check the site's own asset files or contact the site owner.
Frequently Asked Questions
What is Font X-Ray?
Font X-Ray is a Chrome extension that finds the fonts used on any website and inspects their typography details — family, size, weight, color, line height, and letter spacing.
How can I identify a font used on a website without installing anything?
Right-click the text, choose Inspect, and check the font-family value in the Computed or Styles panel of your browser's DevTools.
Can Font X-Ray show font sizes and weights?
Yes — select text on a page and Font X-Ray shows its font family, size, weight, color, line height, and letter spacing in a side panel.