What Font Chrome does
What Font Chrome is a browser extension that lets you click on any text on a webpage and instantly see what font it uses, along with the font size, weight, color, and line height. Instead of guessing or hunting through a site's code, you point at the text and get the answer in seconds.
The extension works in your Chrome browser toolbar. Once installed, you click its icon, then click on any text you want to identify. A small panel pops up showing you the exact font name, whether it's a web font or a system font, and the CSS properties that style it. If you're a designer, developer, or just curious about typography, this saves you from digging through browser developer tools or asking the website owner.
Key Takeaways
- What Font Chrome shows you the font name, size, weight, color, and line height of any text on a webpage with one click.
- The extension installs from the Chrome Web Store and appears as an icon in your browser toolbar.
- You activate it by clicking the icon, then clicking the text you want to identify — no right-click menu or keyboard shortcut needed.
- It works on any webpage and displays results in a popup panel that stays visible while you inspect other text.
- The information it shows is the same data a web designer would see in the browser's developer tools, but faster to access.
How to install What Font Chrome
Go to the Chrome Web Store and search for "What Font Chrome". Click the extension in the results, then click the blue "Add to Chrome" button. A popup will ask you to confirm — click "Add extension" and the installation is done. The What Font Chrome icon will appear in your browser toolbar (usually in the top right corner, next to your address bar).
You do not need to restart Chrome or change any settings. The extension is ready to use immediately. If you want to move the icon to a more visible spot in your toolbar, right-click it and select "Pin to toolbar" — this keeps it visible instead of hiding it in a dropdown menu.
How to use it to identify fonts
Click the What Font Chrome icon in your toolbar. The icon will highlight or change appearance to show it is active. Now move your mouse over any text on the webpage you are viewing. As you hover, the text will highlight with a colored box around it. Click on the text you want to identify.
A panel will appear showing the font name at the top, usually in large text. Below that you will see the font size (measured in pixels or em units), the font weight (like "bold" or "400"), the text color (shown as a hex code like #333333), and the line height. If the font is a web font hosted on a service like Google Fonts, the panel may also show you where it comes from.
You can keep the panel open and click on other text to identify more fonts without closing it. The panel will update each time you click. When you are done, click the What Font Chrome icon again to turn it off, or just close the panel by clicking the X button.
What information the extension shows you
The main piece of information is the font family name — the actual name of the typeface, like "Roboto", "Georgia", or "Inter". This is what you need if you want to use the same font on your own website or in a design project.
Below the font name, you get the font size, which tells you how large the text is rendered on the page. The font weight tells you whether the text is regular, bold, or somewhere in between — weights are usually shown as numbers (400 is normal, 700 is bold) or as words. The color is displayed as a hex code, which you can copy and use in your own designs. The line height is the vertical space between lines of text, which affects how readable a block of text feels.
Some versions of the extension also show you whether the font is a system font (installed on your computer) or a web font (loaded from the internet). This matters because system fonts may not display the same way on someone else's computer, while web fonts look identical everywhere.
Common reasons to use What Font Chrome
Designers and developers use this extension to study how other websites style their text, so they can apply similar techniques to their own projects. If you see a font you like on a website, you can identify it and then download or license it for your own work.
Content creators and marketers use it to check whether their own website's fonts are displaying correctly across different pages. If one page uses a different font than another, you can spot it immediately instead of wondering why something looks off.
Students learning web design use it to understand how CSS font properties work in real websites. Instead of reading about font-weight or line-height in a textbook, you can see how professional sites actually use these properties.
Business owners and non-designers use it out of simple curiosity — if you like the look of text on a website and want to know what makes it look good, this extension gives you the answer without needing technical knowledge.
Limitations and what the extension cannot do
What Font Chrome only works on text that is rendered as actual text in the browser. If a website displays text as an image or as part of a graphic, the extension cannot identify it — it will only tell you it is an image. This is a limitation of how the web works, not a flaw in the extension.
The extension shows you the font properties as they appear in the browser at that moment. If a website uses JavaScript to change fonts based on screen size or user settings, you will only see the font that is currently displayed. You would need to resize your browser window or change settings and click again to see the alternate font.
Some websites use obfuscated or minified CSS that makes the font information harder to read, though What Font Chrome will still show you the raw data. If a website deliberately hides its font information, the extension cannot bypass that — it can only read what the browser can read.
Alternatives if What Font Chrome does not work
If What Font Chrome is not available in your region or you prefer a different tool, WhatFont (a different extension by the same developer) works similarly and is available in more places. Font Finder is another Chrome extension that does the same job with a slightly different interface.
If you do not want to install an extension, you can use your browser's built-in developer tools. Right-click on any text and select "Inspect" or "Inspect Element". In the panel that opens, look for the "Computed" or "Styles" tab and scroll to find the font-family property. This takes longer than using What Font Chrome, but it works on any website without installing anything.
Frequently Asked Questions
Does What Font Chrome work on all websites?
It works on most websites, but not on text that is displayed as an image or inside a video. It also cannot identify fonts on PDFs or in browser extensions themselves. If a website blocks developer tools, the extension may not work either, though this is rare.
Can I copy the font name directly from the extension?
Yes. The font name in the panel is usually clickable or selectable — you can highlight it and copy it to your clipboard. Some versions of the extension have a copy button next to the font name for convenience.
Will the extension slow down my browser?
No. What Font Chrome only runs when you click its icon, so it does not consume resources while you are browsing normally. It adds minimal overhead to your browser.
Can I use a font I identify with What Font Chrome on my own website?
That depends on the font's license. If it is a free web font from Google Fonts or a similar service, you can use it freely. If it is a commercial font, you may need to purchase a license. The extension does not tell you the license terms — you need to check the font creator's website for that information.
What if the extension shows a font name I do not recognize?
Search the font name in Google or on a font website like Google Fonts, Font Squirrel, or Adobe Fonts. You will find the font's page, see what it looks like, and learn whether it is free or paid. This is how designers discover new typefaces.