Design & Layout

Font Finder — Identify Any Font on a Website

Identify the font on any website — family, size, weight, line height and letter spacing — just by hovering over the text.

What is Font Finder?

The Font Finder in UltraDevKit helps you work with a live web page. Identify the font on any website — family, size, weight, line height and letter spacing — just by hovering over the text.

Category

Design & Layout

Best for

Identify the typeface on a site before recommending it to a client; Check that headings actually use the weight the design specified

Runs on

Any page in Chrome

When you'd use it

• Identify the typeface on a site before recommending it to a client
• Check that headings actually use the weight the design specified
• Read the exact line height and letter spacing to reproduce a type scale
• Find out which webfont is being loaded and whether a fallback is showing instead

How to use Font Finder

1. Start Font Finder.
2. Hover any text — a tooltip shows family, size, weight, line height, letter spacing and colour.
3. Move between headings and body copy to map the whole type scale.
4. Press Escape when you are done.

Font Finder FAQ

Does it show the font that is actually rendering?

Yes. It reports the computed font, so if a webfont failed to load and a fallback is showing, you will see the fallback — which is often exactly the bug you are chasing.

Can it identify fonts inside images?

No. It reads text rendered by the browser. Type baked into an image is not text as far as the page is concerned.

Works well with