Free tool

Website Font Finder

Paste a URL and get the site's typography decoded: which families load, where from (Google Fonts, Adobe, self-hosted), in which weights, and which stacks the CSS actually uses most.

Reads the page and its stylesheets: font families, where they load from and which weights are used.

Typography is half the design

Swap the fonts and a familiar site becomes unrecognisable; that is how much typography carries. When clients ask us to clone or rebuild a site “so it feels the same”, getting the families, weights and fallbacks exactly right is most of the work of “feeling the same”. This finder is the first tool we run on any design-matching project, published for anyone to use.

What the report tells you

Three layers, each useful on its own. Web fonts loaded: the families the site actually downloads, with their source, so you immediately know whether they are free (Google, Bunny), subscription (Adobe) or privately licensed (self-hosted). Weights and formats: which variants exist, so a rebuild does not fake-bold anything. Usage stacks: which font-family rules dominate the CSS, separating the headline font from the body font from the icon font at a glance.

The licensing question nobody asks until it is expensive

Fonts are software, licensed like software. Using a free Google font from a site you admire: perfectly fine. Copying woff2 files from someone’s server to yours: infringement with an easy paper trail, and foundries do send invoices. The report labels each family’s source precisely so you know which path you are on; when we rebuild sites commercially, licence-checking the typography is a standard line item in our 47-point QA.

Frequently asked questions

How does the finder identify fonts without a browser?

It reads what a browser would read: Google Fonts and Bunny Fonts links with their family parameters, @font-face declarations in inline and linked CSS (including weights and file formats), and every font-family rule in the stylesheets. What it cannot see is text drawn in images or canvas; for those, only visual identification works.

Can I copy a font from a site I like?

Depends entirely on the licence, not the technology. Google Fonts and Bunny Fonts families are free to use anywhere; grab the same family and you are done. Adobe Fonts requires a subscription. Self-hosted commercial fonts (Font Bureau, Monotype and similar) are licensed per site, and copying the files is infringement; the legal route is buying your own licence or choosing a free lookalike.

What does "system font" mean in the usage list?

Stacks like -apple-system or Segoe UI tell the browser to use the fonts already installed on the visitor's device: zero download, instant render, slightly different look per platform. Many fast sites (including large SaaS products) deliberately use system stacks; seeing them is a performance signal, not an absence of design.

Why do you show weights and formats?

Because that is what you need to reproduce the typography correctly. A family loaded only in 400 and 700 will fake-bold everything else; woff2-only sources mean a modern setup, while eot/ttf fallbacks reveal a stack untouched for a decade. When we clone a site, matching weights exactly is part of the pixel-perfect standard.

Ready to get an exact copy of any website?

Send us a link and get a free, no-obligation estimate within one business day.

Get a free quote