简体中文
EnglishWhat Is WhatFont and What Does It Do?
Updated
WhatFont is a free browser extension that identifies fonts on any webpage. Click the WhatFont button in your toolbar, point at any text, and it reports the font's name, size, weight, and color. It works on Chrome (and other Chromium browsers), Safari on Mac, Safari on iPhone and iPad, and as a bookmarklet for other browsers. The site says it is used by 3 million people.
What you see when you use it
The core interaction is hover-and-inspect. Once the tool is active, pointing at text reveals its typography details without opening developer tools or reading page source. The site describes the output as four values:
- Font name
- Size
- Weight
- Color
You can click to pin the details in place, then press Esc when you're done. That pinning step matters if you need to compare two pieces of text or copy the values somewhere else, since the readout otherwise follows your cursor.
Where you can run it
| Platform | How it's installed | Notes from the site |
|---|---|---|
| Chrome | Extension | Also works in Edge, Arc, Brave, and other Chromium browsers |
| Safari on Mac | Safari extension from the Mac App Store | — |
| iPhone and iPad | Safari | Select text in Safari, then tap WhatFont to see its font |
| Other browsers | Bookmarklet | Drag the button to your bookmarks bar, then click it on any page |
The site notes that some sites block bookmarklets, so the bookmarklet route is the least reliable of the four. If you use a non-Chromium, non-Safari browser regularly, expect occasional pages where it won't run.
When it's the right tool
WhatFont fits quick, visual identification: you spot a typeface you like on a live site and want its name and styling. It is not a font manager, and the site doesn't present it as one — there's no mention of downloading fonts, matching them to a catalog, or checking licensing. For those tasks you'd need a different tool.
A practical example: you're rebuilding a landing page and want to match a competitor's headline treatment. Activate WhatFont, hover the headline, pin the readout, and you have the family, size, weight, and color to hand off or replicate. For body text, the same hover gives you the reading size and weight, which are often the harder values to guess by eye.
Cost and availability
The site describes WhatFont as free and says it works on every website. It offers a "Get WhatFont Free" link and distributes through the Chrome extension route and the Mac App Store for Safari. The available page information does not list prices, paid tiers, or account requirements, so treat "free" as the site's own description rather than a verified pricing structure.
Limits to keep in mind
- It reports what's rendered, not what's licensed. Knowing a font's name doesn't tell you whether you can use it.
- Bookmarklet support varies. Some sites block bookmarklets, per the site itself.
- Mobile use is a different flow. On iPhone and iPad you select text first, then tap WhatFont, rather than hovering.
- It's an identification tool. Nothing on the page suggests it edits, downloads, or substitutes fonts.
If your goal is simply "what font is this, and at what size and weight," WhatFont covers it in one hover. If you need licensing details or a font file, plan on a second step elsewhere.