Free tool

Web font finder

Loving a site's typography but can't find its name in the source? Screenshot the page, crop the text, and this tool matches it against every free Google Font — the same faces the majority of the web is built on.

For each match you get the font-family rule and a Google Fonts import snippet, so you can reproduce the look in your own project.

Drag & drop an image, or browse

PNG, JPG or WebP with crisp lettering works best. We never upload your image.

Tip: you can also paste from your clipboard (Ctrl/Cmd + V)

How it works

What to do

Screenshot the site

Capture the section you like — a heading, a hero, a button label.

Crop the text

Select the line of type you want to identify, ideally 5+ characters.

Copy the CSS

Every result card includes a ready-to-paste Google Fonts import and font-family rule.

Getting the best result

Tips for accuracy

Sites with dark themes still work — only the ink shape matters, not the colour scheme.
Anti-aliased web text at typical sizes matches best; huge display sizes are also fine.
Identify body text and headings separately if the site pairs two typefaces.

FAQ

Common questions

How do I get the font from a website I don't own?

Take a screenshot of the site and run it through this tool, or crop just the heading. For sites you do own, the font-family declaration in your CSS or devtools is the authoritative answer.

Can you detect webfonts like Inter, Roboto or Montserrat?

Yes — those are Google Fonts, so they're in the library and will be matched directly. The result card even links to the font page with the CSS you'd need.

What about custom or self-hosted web fonts?

Custom brand fonts usually aren't in the free catalogue. You'll get the closest free face, or you can use the free alternative finder to swap a known commercial webfont for a free twin.