01Method 1: Browser developer tools (free, built in)
Every major browser can tell you exactly which font is rendering a piece of text. Chrome's DevTools show computed styles for any element, per its CSS reference, and Firefox has a dedicated Fonts panel.
- 1Right-click the textChoose Inspect (or Inspect Element).
- 2Open the Computed tabFind font-family to see what the site asked for.
- 3Check the rendered fontIn Chrome, scroll to Rendered Fonts at the bottom of Computed; in Firefox, open the Fonts panel.
- 4Note weight and sizefont-weight and font-size tell you how it is set, not just which font.
02Why the declared font and the rendered font differ
A site's font-family lists several fonts in order of preference, such as a web font, then a system font, then a generic family. The browser uses the first one available. If the web font failed to load or is not installed, you will see a fallback. The rendered font tells you what you are actually looking at.
03Method 2: A font-identifier extension
Extensions such as WhatFont let you hover over any text to see its font, size and color without opening developer tools. They are handy when you are browsing for inspiration and want to check several sites quickly.
- Install the extension and click its icon to activate.
- Hover over text to see the font name.
- Click for details such as size, weight and line height.
04Method 3: Identify fonts in images and logos
Text inside images, logos or PDFs is not live text, so developer tools cannot read it. Image-based identifiers compare letter shapes with large font databases. WhatTheFont from MyFonts is a well-known option: upload a clear, straight screenshot of a few letters and it suggests matches. Results are best with clean, high-contrast text.
05Finding fonts on your phone
Mobile browsers do not include developer tools, so the easiest route on a phone is to take a screenshot and use an image identifier, or open the same page later on a computer. Some desktop browsers can also emulate phone screens in developer tools, which lets you inspect a site's mobile layout and fonts exactly as phones see them. That is worth doing because some sites load different fonts or weights on mobile to save data.
06Before you use a font you found
Fonts are software with licenses. Google Fonts are free for commercial use, but many fonts on professional sites are paid typefaces licensed per website or per pageview. If a font is paid, look for a free alternative with a similar feel; best fonts for websites lists dependable free options, and the font pairings collection lets you preview combinations.
If you are collecting inspiration more broadly, best website design inspiration sites explains how to borrow principles without copying, and how to choose fonts for a website helps you decide whether the font you found suits your brand at all.
| Source | Cost | Note |
|---|---|---|
| Google Fonts | Free | Free for commercial use |
| Adobe Fonts | With a Creative Cloud plan | Licensed through your subscription |
| Independent foundries | Paid licenses | Often per website, pageview or app |
| System fonts | Free | Already on the visitor's device |
What people who tried it say
Developers on Hacker News who discuss typography often recommend learning to read a site's font stack in developer tools, and warn that many admired fonts are paid licenses rather than free downloads.
- Why do all websites look the same?Hacker News
Part of the discussion attributes sameness to a small set of popular fonts and templates, which is one reason designers look for distinctive typefaces elsewhere.
Looking for more first-hand opinions? Search Reddit for “how to find what font a website uses”. We link the live threads rather than summarizing them, so you read them in full.
Our take
developer tools are the fastest and most accurate method, and worth learning once. Extensions are convenient; image identifiers are for when nothing else works.
Where this falls short
Some sites serve fonts under renamed or subset files, so the name you see may not be the commercial name. Image identification is approximate and works poorly on stylized or distorted text.
Sources
- 1.CSS features reference · Chrome for Developers
- 2.Edit fonts · Firefox Source Docs
- 3.WhatTheFont · MyFonts
Researched and written by the Orlume team · Updated October 2026
Still stuck?