Extensions / Design tools
FF

Font Finder.Hover. Know.

Point at any text on any page and read its family, weight, size, line height and color — then copy it as CSS. No clicking through DevTools panels to answer “what font is that?”

Add to Chrome — freeWorks on any site
Font Finder for Web — screenshot 1 of 3Font Finder for Web — screenshot 2 of 3Font Finder for Web — screenshot 3 of 3

Live demo — hover the specimens

Grotesque, 800.

A subhead at six hundred.

Body text at regular weight — the paragraph you actually read. Hover it and the inspector reads the computed style, exactly the way the extension does on any page you visit.

Inspector
FamilyArchivo
Weight800
Size56px
Line height59.4px (1.06)
Letter spacing-0.02em

What it does

01

Reads computed style

Not the stylesheet’s intention — what the browser actually rendered, fallbacks and inheritance resolved.

02

Copy as CSS

One click turns the inspection into a paste-ready rule: family, weight, size, line height, spacing, color.

03

Stays out of the page

No toolbar popups to open, nothing injected until you summon it with a keystroke. Works on any site.


Roadmap

Variable fonts: reading live axis values — weight, width, optical size — on hover is in progress. If you work with variable type, tell us what you need.

Stop guessing type.

Add to Chrome — free