What the font - Web Font Inspector
Identify web fonts and other font styles such as font family, size, weight, line height and color
Key Features
- Font identification — Hover over any text on a webpage to instantly see the font family in use
- Detailed typography info — View font size, weight, line height, letter spacing, and color
- Visual inspector — A clean overlay displays all font properties without leaving the page
- Works on any site — Inspect fonts on any publicly accessible webpage
- Lightweight — Minimal footprint with no impact on page performance
- No data collection — Operates entirely locally; no information is sent to any server
How to Use
- Install What the Font from the Chrome Web Store.
- Navigate to any webpage where you want to inspect fonts.
- Click the extension icon in the toolbar to activate the font inspector.
- Hover your mouse over any text element on the page.
- A tooltip will display the font family, size, weight, line height, and color.
- Click the extension icon again to deactivate the inspector.
Who Is It For?
Designers and developers who need to quickly identify fonts and typography styles on any website. Whether you are trying to match a font you spotted on another site, debugging your own CSS typography, or researching typography trends for a new project, What the Font gives you instant answers without digging through browser DevTools. It is also useful for content creators and marketers who want to identify fonts used by competitors or on sites they admire.