How to Find the Fonts Used on a Website

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:

1. Right-click the text and choose "Inspect" (or "Inspect Element").
2. In the DevTools panel that opens, find the "Computed" or "Styles" tab.
3. Look for the font-family property — it lists the font name, along with any fallback fonts.
4. Check nearby for font-size, font-weight, line-height, and letter-spacing if 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 from ExtFoundry

ExtFoundry is building Font X-Ray, a Chrome extension designed 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's built for designers, developers, and anyone who wants to identify a website's typography quickly and repeatedly. Font X-Ray is not yet available — see the ExtFoundry products page for current tool availability.

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.