Website Font Detector
Enter a public web address and see the fonts it loads – every
@font-face rule, the families the CSS asks for, the file formats,
font-display, unicode-range, and which font host is
serving them.
How to use this tool
- Enter a public web address. A bare domain is fine – https is assumed if you leave the scheme off.
- Read the
@font-facerules. Each one shows the family, weight, style, the files behind it and their formats. - Check the badges. WOFF2 files and a sensible
font-displayare marked green; missingfont-displayand older formats are flagged. - Look at the family list. It is ordered by how many CSS rules name each family, so the body face is almost always at the top.
What it can and cannot see
It sees exactly what a browser sees before any JavaScript runs: the HTML, its
inline <style> blocks, and the stylesheets it links. That covers
the overwhelming majority of sites, because @font-face rules almost
always live in CSS.
It does not run scripts. A site that injects fonts at runtime – some page builders and a few font services do this – will show fewer rules than it really uses, and the report says so rather than quietly under-reporting. It also reads at most six stylesheets, so it stays a checker rather than a crawler; anything beyond that is listed as skipped.
What it will refuse
This is the only page on the site that makes the server fetch something on your behalf, which is a capability worth constraining tightly. It accepts http and https only, on ports 80 and 443, and it resolves the domain before connecting so it can refuse anything pointing at a private, loopback, link-local or reserved address. Redirects are followed by hand, three at most, and every hop is re-checked from scratch.
It also will not go around anything designed to keep it out. Pages behind a login, a CAPTCHA or bot protection simply fail to fetch, and that is the intended behaviour rather than a gap to work around.
Reading the results
- Format badges – WOFF2 is what a modern site should serve. TTF, OTF, EOT and SVG entries usually mean an old build process nobody has revisited.
- font-display –
swaporoptionalmeans text stays visible while the font loads. A missing value means the browser may hide the text for up to three seconds on a slow connection. - unicode-range – when present, the font is split into subsets and the browser only downloads the ones the page needs. Its absence on a large multilingual family is usually a lot of wasted bytes.
- Family list – ordered by frequency. A family named once or twice is often an icon font or a heading face.
Found a font you like?
This tool tells you which fonts a site loads. It does not give you the right to use them – web font licences are specific about which domains a file may be served from, and copying someone else's file to your own server is usually a breach of it. Buy or download the font from its foundry.
Once you have a file of your own: the font analyzer reads what is inside it, TTF to WOFF2 makes it web-ready, the subsetter cuts it down, and the @font-face generator writes the CSS. Or run it through the font doctor, which checks all of that at once.