What you can do when you see a typeface you want to know about
When you see a font on a website or in an image and want to know its name, you have three practical routes: use a browser tool if it is live text on a page, use a font-recognition app if it is in a screenshot or image file, or ask the designer directly if neither tool works. The fastest method depends on whether the text is clickable (meaning it is actual text, not a picture of text) or static (meaning it is part of an image or screenshot).
Most fonts on the web are one of a few hundred common typefaces, so even a rough visual match often gets you close. The tools below work by either analyzing pixel patterns or reading the code behind a webpage. None of them are perfect — unusual fonts, custom typefaces, or heavily styled text can confuse them — but they catch the obvious cases in seconds.
Key Takeaways
- If text is live on a webpage, use your browser's inspector tool to read the actual font name from the code, which is always accurate.
- If text is in an image or screenshot, use a font-recognition app like WhatTheFont, Fontface Ninja, or Shazam for Fonts to match it visually.
- Font-recognition apps work best on clear, large text and struggle with heavily stylized, blurred, or very small typefaces.
- When a tool cannot identify a font, describing its visual traits — serif or sans-serif, thick or thin, rounded or angular — helps a designer narrow it down.
Using your browser to identify live text on a webpage
If the text you want to identify is actually clickable or selectable on a live website, the font information is stored in the page code. You can read it directly using your browser's built-in inspector, which takes about 30 seconds and is always accurate.
In Chrome or Edge, right-click on the text and select Inspect or Inspect Element. A panel opens at the bottom or side of your screen showing the HTML code. Look for a section labeled Computed or scroll down in the Styles panel until you see a line that says font-family. The name after it is the typeface — for example, font-family: Georgia or font-family: "Helvetica Neue". If multiple names appear separated by commas, the first one is what the designer chose; the others are backups in case your computer does not have the first font installed.
In Firefox, right-click and select Inspect Element. The inspector opens the same way. Look for the Rules tab and find the font-family line. In Safari on Mac, right-click, select Inspect Element, then look for font-family in the Styles panel on the right.
This method works only on text that is actually part of the webpage code. If the text is inside an image or a screenshot embedded on the page, the inspector will show you the image file name, not a font name — in that case, move to the image-recognition method below.
Using font-recognition apps for images and screenshots
When text is part of an image file or screenshot, you need a visual-matching tool. These apps analyze the shapes of letters and compare them against a database of thousands of fonts. The most reliable options are WhatTheFont (whatthefont.com), Fontface NinjaShazam for Fonts (a mobile app).
WhatTheFont is free and works in your browser. Upload an image or paste a URL, then crop to show just the text you want identified. The tool shows you a ranked list of matches. The top result is usually correct for common fonts, but scroll down if the first match does not look right — sometimes the second or third option is closer. You can also manually adjust the crop or upload a clearer image if the first attempt fails.
Fontface Ninja is a free browser extension for Chrome and Firefox. Once installed, you hover over any text on a webpage and click the Ninja icon that appears. It shows the font name when ready if it recognizes it, or opens WhatTheFont if it cannot. This is faster than the inspector method if you just want the name without seeing the code.
Shazam for Fonts is a mobile app that works like Shazam for music — point your phone camera at text and it identifies the font. It is useful when you see a font in the physical world (on a sign, in a magazine, on packaging) and want to know what it is.
Why font-recognition apps sometimes fail
Font-recognition tools work best on clear, large, horizontal text in a standard color. They struggle with small text, rotated text, text on a busy background, heavily stylized lettering, or custom fonts that are not in their database.
If a tool returns no match or a clearly wrong match, the text is probably one of these: a custom font created by the designer specifically for that project, a very new or very old typeface, a heavily modified version of a standard font (stretched, skewed, or with unusual letter spacing), or text that is too small or blurry to analyze accurately. In these cases, your next step is to describe what you see to someone who knows fonts — a designer, a font community forum, or the website owner.
Describing a font when tools cannot identify it
If you cannot identify a font using tools, you can describe it in a way that helps someone else narrow it down. Start with the broadest category: is it a serif font (with small lines at the ends of letters, like Times New Roman) or a sans-serif font (without those lines, like Arial)? Is it monospace (every letter takes up the same width, like code fonts) or proportional (letters vary in width)?
Next, describe the weight and mood: is it very thin, regular, or very bold? Does it look modern and geometric, or traditional and formal? Are the letters rounded and friendly, or angular and sharp? Are capital letters noticeably taller than lowercase, or are they similar in height?
Take a screenshot and post it in a font-identification community like the WhatTheFont forum, r/identifythisfont on Reddit, or a design community like Designer Hangout. Include your description along with the image. Someone will usually recognize it or suggest similar fonts to explore.
Finding where to read or license a font once you know its name
Once you have identified a font, the next step depends on whether it is a free font or a commercial one. Common free fonts like Georgia, Arial, Helvetica, and Courier are already installed on most computers. Fonts from Google Fonts (fonts.google.com) are free and can be downloaded and used in any project. Many other fonts are sold through foundries like Adobe Fonts, MyFonts, or Linotype, and require a license to use.
If you identified a font on a website and want to use it yourself, check whether the site discloses it — many designers list their fonts in the page code or in a credits section. If not, search the font name plus "read" or "where to buy" to find where it is sold. Some fonts have multiple versions (regular, bold, italic) available at different prices or as part of a subscription.
The difference between identifying a font and using it legally
Knowing a font's name is not the same as having the right to use it. Free fonts can be used in most projects without restriction, though you should check the license. Commercial fonts require you to either buy a license or subscribe to a service like Adobe Creative Cloud or Monotype Library Subscription. Using a commercial font without a license is copyright infringement, even if you can read it from an unofficial source.
If you find a font you love but cannot afford the license, search for similar free alternatives. Many free fonts are inspired by or closely resemble expensive ones. Font communities and designers often recommend free substitutes when you ask.
Frequently Asked Questions
Can I identify a font from a printed book or magazine?
Yes, using Shazam for Fonts or WhatTheFont. Take a clear photo of the text with your phone camera or scan it, then upload the image to WhatTheFont or use Shazam for Fonts to point your camera at it. Printed text often works well because it is usually large and clear, though very small text or heavily inked pages can confuse the tool.
What if the font has been stretched or rotated on the website?
The browser inspector method still works — it reads the actual font name from the code, regardless of how it is styled. If you are using a visual-recognition app on an image, crop the image to show the text as straight and horizontal as possible before uploading, which gives the tool the best chance of matching it.
Why does WhatTheFont show me 20 different fonts when I upload one image?
The tool ranks matches by confidence, so the top result is usually the closest. Scroll down if the first match does not look right — sometimes the second or third option is more accurate, especially if the text is small, blurry, or stylized. You can also try uploading a clearer or larger crop of the same text.
Is it legal to use a font I identified on someone else's website?
Only if you have a license to use it. Identifying the font name does not give you permission to use it. Check the font's license — free fonts can usually be used freely, but commercial fonts require a purchase or subscription. If you cannot afford the license, look for a free alternative that is similar.
Can I identify a font from a logo or brand name?
Sometimes, but logos are often custom fonts or heavily modified versions of standard fonts, so recognition tools may not work. Try uploading the logo to WhatTheFont anyway — if it is based on a standard font, the tool may recognize it. If not, contact the company directly or ask a designer, as many brands keep their font choices private.