简体中文
EnglishWhat Font Information Does WhatFont Show for Text on a Page?
Updated
WhatFont reports four properties for any text you point at on a webpage: font name, size, weight, and color. You activate it from your browser toolbar, hover over the text, and the details appear; click to pin them in place, then press Esc to dismiss. It works on every website and is available free for Chrome (and other Chromium browsers), Safari on Mac, and Safari on iPhone and iPad.
The four details, and what each one tells you
| Property | What it tells you | Why it matters when replicating a font |
|---|---|---|
| Font name | The typeface family the text is set in | The starting point — you need the name before you can license or substitute it |
| Size | How large the text is rendered | Prevents guessing at scale; a heading that "looks like 32px" may not be |
| Weight | How bold or light the face is | The same family can look very different at regular vs. bold; weight pins down which cut is used |
| Color | The text color as displayed | Useful when matching a design, since color affects perceived weight and contrast |
These four together are enough to describe a text style precisely enough to reproduce it or to judge whether a typeface is worth pursuing.
How to get the details
- Install WhatFont from the source for your browser: the Chrome extension (also works in Edge, Arc, Brave, and other Chromium browsers), the Safari extension from the Mac App Store, or the Safari extension on iPhone and iPad.
- Click the WhatFont button in your toolbar.
- Point at any text on the page. The name, size, weight, and color appear.
- Click to pin the details so they stay visible while you compare, and press Esc when finished.
On iPhone and iPad the flow differs slightly: select text in Safari, then tap WhatFont to see its font.
If you use another browser
WhatFont offers a bookmarklet: drag the button to your bookmarks bar, then click it on any page. The site notes that some sites block bookmarklets, so this route can fail on certain pages — the extension is the more reliable option where available.
What it does not show
The page describes only name, size, weight, and color. It does not claim to report letter-spacing, line-height, font files, or licensing terms. If you need those, treat WhatFont's output as the identification step and check the typeface's own documentation or the page's styles for the rest.
When this is enough — and when it isn't
- Enough: you spotted a font you like and want its name, or you want to confirm the size, weight, and color of a specific piece of text so you can match it.
- Not enough: you need the actual font file, embedding permissions, or full typographic metrics. WhatFont identifies; it doesn't deliver assets or rights.
The site reports it is used by 3 million people and describes the tool as free and working on every website. For a quick identification while browsing, that combination — one hover, four details, no page-by-page inspection — is the practical reason to use it.