What a font identifier extension does

A font identifier Chrome extension lets you click on any text on a webpage and when ready see what typeface it is, who made it, and often the size and weight. Instead of squinting at a design and guessing, you point at the text and the extension tells you the exact name — whether it's a common font like Arial or something custom the designer built.

The extension works by reading the CSS code behind the webpage, which is where browsers store font information. When you click the extension icon or highlight text, it pulls that data and displays it in a small popup. Most extensions also show you where to read the font if it's publicly available, and some let you export the information for later use.

This is useful if you're redesigning your own website, trying to match a font you saw somewhere, or just curious about the typography choices on sites you visit. It saves you from asking designers, hunting through font databases, or taking screenshots to compare later.

Key Takeaways

  • Font identifier extensions read the CSS code behind webpages to show you the exact typeface name, size, and weight with a single click.
  • WhatFont and Font Finder are the two most widely used extensions, both free and available directly from the Chrome Web Store.
  • Some extensions show you where to read fonts and let you inspect multiple fonts on the same page without restarting.
  • These extensions use almost no system resources because they only set up when you click them, unlike tools that run constantly in the background.

WhatFont — the most popular choice

WhatFont is the extension most people install first because it's straightforward and requires almost no setup. You add it to Chrome from the Web Store, click the WhatFont icon in your toolbar, then click any text on any webpage. A small box appears showing the font name, size, line height, and color in hex code.

If the font is hosted on Google Fonts or another public service, WhatFont includes a link to read it. You can also click the font name to see more details about the typeface — its designer, when it was released, and similar fonts. The extension stays quiet until you set up it, so it doesn't slow down your browser or use memory when you're not using it.

One limitation: WhatFont sometimes struggles with fonts that are embedded as images or heavily obfuscated by the website's code. If you click on text and the extension shows nothing, it usually means the site is using a custom font file that isn't stored as standard CSS. In those cases, you'll need to try a different tool or ask the site's designer directly.

Font Finder — a detailed alternative

Font Finder works similarly to WhatFont but shows more information in its popup window. Along with the font name and size, it displays the font family, font weight, letter spacing, and text transform (whether letters are uppercase, lowercase, or small caps). It also shows you the exact color value and lets you copy any of this information to your clipboard with one click.

Font Finder is useful if you're building a website and need to match not just the typeface but also the exact spacing and styling. You can inspect multiple fonts on the same page without clicking the extension icon again — just click different text and the popup updates. Like WhatFont, it's free and doesn't run in the background, so it has no impact on your browser's speed.

The main trade-off is that Font Finder's popup is slightly busier than WhatFont's, which some people find helpful and others find cluttered. If you prefer a cleaner interface, WhatFont is the better choice. If you need every detail about how a font is styled, Font Finder gives you more to work with.

How to install and use a font identifier

Open the Chrome Web Store and search for "WhatFont" or "Font Finder" — both appear in the first few results. Click the extension name, then click the blue "Add to Chrome" button. Chrome will ask you to confirm; click "Add extension" and the icon will appear in your toolbar (usually in the top right corner next to your profile picture).

To use it, navigate to any webpage with text you want to identify. Click the extension icon in your toolbar — the icon will highlight or change color to show it's active. Now click on any text on the page. A popup will appear showing the font details. Click elsewhere on the page to inspect a different font, or click the extension icon again to turn it off.

If the extension icon doesn't appear in your toolbar after installation, click the puzzle piece icon in the top right corner of Chrome, find the extension in the list, and click the pin icon next to it. This moves it to your main toolbar where it's easier to reach.

When font identifiers don't work

Some websites deliberately hide their font information or use techniques that prevent extensions from reading the CSS. News sites, social media platforms, and some design portfolios often do this to protect their branding. If you click on text and the extension shows nothing or displays a generic font name, the site is likely using a custom or protected font file.

Another common issue: text that appears to be a font but is actually an image or icon. If a designer converted text to a picture before uploading it, no extension can tell you what font was used — the extension only sees an image file. You can usually tell this happened if the text doesn't highlight when you try to select it with your mouse.

If an extension fails on a particular site, try the other one — WhatFont and Font Finder sometimes handle obfuscated code differently, and one may succeed where the other doesn't. If both fail, the font is either protected, embedded as an image, or so heavily customized that standard tools can't read it.

Why these extensions don't slow down your browser

Font identifier extensions are lightweight because they only run code when you click them. They don't monitor every webpage you visit, scan every element on the page, or store data about your browsing. The moment you click the extension icon, it reads the CSS for the element you select, displays the information, and then stops — no background processes, no memory leak.

Compare this to extensions that run constantly, like ad blockers or password managers, which actively filter content or scan forms on every page you load. Those extensions do slow your browser slightly because they're always working. Font identifiers are the opposite: they're dormant until you need them, then they do one quick task and go back to sleep.

If you install five font identifier extensions at once, you might notice a tiny delay when you click the toolbar, but the extensions themselves won't affect your browsing speed. Most people install just one and leave it there for months, using it occasionally when they encounter a typeface they want to know about.

Exporting font information for your own projects

Both WhatFont and Font Finder let you copy the font details to your clipboard, which you can then paste into a document, spreadsheet, or design file. Click the extension, inspect the text, and look for a copy button or right-click option in the popup. The font name, size, and other details will be copied as plain text.

If you're building a website and want to match a font you found elsewhere, copy the font name from the extension, then search for it on Google Fonts or your preferred font service. Most free fonts are available through Google Fonts, Adobe Fonts, or DaFont. Paid fonts can be found through Typekit, FontShop, or the foundry that created them — the extension sometimes includes a direct link if the font is hosted publicly.

For designers and developers, keeping a list of fonts you like is useful for future projects. Some people maintain a spreadsheet with font names, where they found them, and what they used them for. A font identifier extension makes building that list much faster than hunting through bookmarks or trying to remember where you saw a typeface.

Frequently Asked Questions

Can I use a font identifier on PDFs or documents outside the browser?

No. Chrome extensions only work on webpages inside the Chrome browser. If you need to identify fonts in a PDF, Word document, or image file, you'll need a different tool — most operating systems have built-in font viewers, and there are standalone font identification apps for images. The extension is limited to websites you visit in Chrome.

Do these extensions work on all websites?

Most websites, yes, but not all. Sites that use custom fonts, protect their code, or convert text to images may not work with font identifiers. Social media platforms like Instagram and Twitter often hide font information. If an extension doesn't work on a particular site, try the other one — they sometimes handle protected code differently.

Will installing a font identifier slow down my computer?

No. These extensions only use resources when you click them, and they use very little even then. They don't run in the background, monitor your activity, or store data. You can safely install one and leave it in your toolbar indefinitely without any impact on your browser's speed or your computer's performance.

What's the difference between WhatFont and Font Finder?

WhatFont has a cleaner, simpler popup that shows the essentials: font name, size, and color. Font Finder shows more details like letter spacing and font weight in a busier layout. Both are free and equally lightweight. Choose WhatFont if you prefer simplicity, or Font Finder if you need detailed styling information.

Can I read fonts directly from the extension?

Not directly. The extension shows you the font name and sometimes includes a link to where it's hosted (like Google Fonts). You click that link to go to the font service, then read it from there. The extension identifies the font; you handle the read separately through the font service's website.