How to Find What Font a Website Uses
Unlike a flat image, a website's text is rendered live by your browser — which means the font name is sitting right there in the page's code. Here are three free methods to find it, from quickest to most thorough. All steps below are for Google Chrome on desktop; other Chromium browsers (Edge, Brave, Opera) work the same way.
Method 1: Inspect with DevTools (most reliable)
Your browser's built-in developer tools show exactly which font is rendering any piece of text. No extensions needed.
- Open the website and find the text whose font you want to identify.
- Right-click directly on that text and choose Inspect. The DevTools panel opens with the corresponding HTML element highlighted.
- In the right-hand panel, make sure the Computed tab is selected (not "Styles").
- Scroll down to the font-family property. The first name listed is the font the page requests; the browser falls back to the later names only if the first is unavailable.
- To confirm what is actually rendering (not just requested), scroll further down in the Computed tab to the Rendered Fonts section at the bottom — it names the exact font file in use.
Tip: if the font name looks generic (like a system font stack), the site may be using the visitor's built-in system fonts rather than a named webfont. In that case there is no downloadable font to find — but you can match its look with a similar font from our font browser.
Method 2: Use a font-inspector browser extension
If you do this often, a browser extension is faster than opening DevTools each time. WhatFont is a well-known free third-party extension for Chrome: after installing it from the Chrome Web Store, you click its toolbar icon and then hover over any text on the page to see the font name, size, weight, and line height in a small tooltip.
A note of honesty: we have no affiliation with WhatFont or its developers. Extensions can occasionally misreport fonts on pages that load text as images or use heavy font substitution, so if a result looks suspicious, double-check it with Method 1.
Method 3: Check the page source for font links
Most websites load webfonts through a link in the page's HTML. To see them:
- Right-click anywhere on the page (not on an image) and choose View page source.
- Press Ctrl+F (or Cmd+F on Mac) and search for "fonts.googleapis" or "font".
- Look for
<link>tags pointing to font files — the URL usually contains the font family name (for example,family=Intermeans the site uses Inter).
This method tells you which fonts the page loads, but not necessarily which one styles a specific headline — for that, Method 1 is more precise. It is still useful when DevTools feels like overkill and you just want the site's overall font list.
What to do with the font name
Once you have the name, search for it in our font browser to preview it and check its weights and styles. If it turns out to be a paid commercial font, try our Q&A font finder to discover a similar free alternative. And if all you have is a screenshot of the site rather than the live page, our guide on identifying a font from an image covers that case.