How it works
Most font finders read the CSS and report the first name in the
font-family list. That is what the site asks for, which is
not always what renders. This tool loads the page in a real browser, lets its
JavaScript and webfonts finish loading, and reports the font families that were
actually used to draw the text.
- Works without an extension. Paste a URL from any device.
- Sees self-hosted fonts. Not just Google Fonts.
- Sees JavaScript-built pages. React, Next.js and Webflow sites included.
For the full picture, including fallbacks, renamed fonts and variable-font axes, read how to find what font a website uses (even when the CSS lies).
How to find the font on any website
- Copy the address of the exact page. Not just the homepage. Blogs, docs and pricing pages often use a different typeface from the landing page.
- Paste it into the box above and run it. A new site takes 10 to 30 seconds, because the page has to load and its webfonts have to arrive. Sites in our gallery come back straight away.
- Read the list from the top. The first family is usually the body and UI font. A second sans or a serif is usually for headlines, and anything with “Mono” in the name is for code or small labels.
- Clean up the name before you search for it. Drop suffixes
like
-var,VF,VariableorWeb. If you still can’t find it, the site has renamed the font, and the real name is inside the font file itself. - Check the licence. Download it from the foundry or Google Fonts, not from the site you looked up.
Prefer to do it by hand? In Chrome, right-click some text, choose Inspect, open the Computed tab and scroll to Rendered Fonts. That answers one element at a time. The tool above answers for the whole page.
Examples from real sites
These are the results for six sites in our gallery, captured in a real browser. Each one shows a different thing the name in the CSS can hide.
| Site | What the page reports | What it really is |
|---|---|---|
| stripe.com | sohne-var | Söhne, Klim Type Foundry. Commercial. |
| linear.app | Inter Variable, Berkeley Mono | Inter (free) for text, Berkeley Mono (paid) for code |
| vercel.com | GeistSans, Geist Mono | Geist, Vercel’s own family. Free. |
| github.com | Mona Sans, Mona Sans VF | Mona Sans, GitHub’s own family. Free. |
| apple.com | SF Pro Text, SF Pro Display | San Francisco. Licensed for Apple platforms only. |
| igloo.inc | Nothing | Most of the page is drawn in WebGL |
stripe.com: a renamed variable font
Stripe’s CSS asks for sohne-var, and searching that name gets you
very little. Drop the -var and you have Söhne, a grotesque from
Klim Type Foundry, loaded here as a single variable file. It is a paid font, so
copying Stripe’s look means buying a licence from Klim or picking a similar
free grotesque.
linear.app: one free font, one paid
Linear sets almost everything in Inter, which is free under the SIL Open Font License, and uses Berkeley Mono for code and small technical labels. Berkeley Mono is a commercial font. If you only want the feel, you can get most of the way with Inter alone and any decent free mono.
vercel.com and github.com: company fonts you can use
Both companies made their own typeface and released it for free. Vercel’s
CSS calls it GeistSans, while the published family is just Geist.
GitHub loads Mona Sans twice, once as a fixed file and once as the variable
Mona Sans VF. Both are open source under the SIL Open Font
License, so both are fine to use on your own site.
apple.com: you can see it, but you can’t ship it
Apple’s pages use SF Pro Text for body copy and SF Pro Display for large
headlines. Apple’s licence only covers mockups and apps for Apple’s own
platforms, so it is not a font you can put on a website. On a Mac or iPhone you
can get the look with the system-ui font stack, which renders as SF
on Apple devices and falls back to each other system’s own font elsewhere.
igloo.inc: when there is no font to find
igloo.inc is an award-winning 3D site, and most of what you see on the landing page is rendered inside a WebGL canvas. Text drawn that way is pixels, not HTML text, so neither this tool nor your browser’s inspector has a font name to report. An empty result like this is the normal outcome for canvas-heavy sites, and the same goes for headlines baked into images or SVG paths.
Looking for a font, not a website?
We measured the fonts on hundreds of well-known sites and ranked the ones you can actually get. Search that database by font, website, industry or pairing, and every site in it opens right here. Browse the ranked website fonts.
Other free tools
FAQ
How do I find out what font a website uses?
Paste the site’s address above. Enrichr loads the page in a real browser and reads the fonts it actually renders. You can also right-click text, choose Inspect, and check Rendered Fonts in the Computed tab (Chrome) or the Fonts tab (Firefox).
Is this font finder free?
Yes. Famous sites in our gallery answer instantly, and your first fresh lookup of any other site is free with no account. After that, a free account gets 30 credits a month.
Why is the font name something I can’t find anywhere?
Sites often rename fonts in their CSS, for example “Brand Sans”. The real typeface name is inside the font file. Our guide on finding a website’s font explains how to get it.
Can I use the font I found?
Only under its licence. Free fonts such as Google Fonts can be used freely. Commercial fonts need your own licence, even if you can download the file from the site.
Does it work on text in images or logos?
No. Text in images is pixels, not text, so no browser-based tool can name it. Use an image font identifier for logos and screenshots.
Why does it show a different font from WhatFont or another extension?
Extensions usually read the first name in the CSS font-family list. If that font fails to load, or only covers some characters, the browser falls back to the next one, and the extension still reports the first. This tool reports what was drawn.
What do “var”, “VF” or “Variable” mean in a font name?
It is a variable font: one file that holds every weight, and sometimes width or slant, instead of a separate file per weight. Stripe’s “sohne-var” is the variable cut of Söhne. Search for the name without the suffix.
Why did it find no fonts at all?
Usually because the text isn’t real HTML text. Sites that draw their type inside a WebGL canvas, as much of igloo.inc’s 3D landing page does, or that put headlines in images or SVG paths, leave no font for a browser to report.
Can it check a page behind a login?
No. It loads the page as a logged-out visitor, so it sees the same fonts as the public sign-in or landing page. For a logged-in app, use your browser’s inspector on the page itself.
Does it find every weight and size?
The free lookup names the font families. Connected to Claude, ChatGPT or Cursor, Enrichr returns each font file plus every weight, size, line-height and letter-spacing used on the page.