DarnlyFont finder: see what fonts a website uses
Paste a site to see its fonts for headings, body text and code, which weights it loads, and whether they’re free. Then copy a prompt that tells your AI agent to use them.
More free tools
How it works
- Paste the address of a site whose fonts you like.
- We read the page and its stylesheets, then list each font, where it’s used (body text, headings, code) and which weights the site loads.
- See whether each font is free, open it on Google Fonts, or copy a ready-made prompt that tells your AI coding agent to use the same fonts in your project.
Questions
How do I find out what font a website uses?
Paste the site’s address above. We read its stylesheets, the same files your browser downloads, and list every font it asks for, with where it’s used and which weights it loads.
Are these fonts free to use?
Fonts marked Google Fonts or “free on Google Fonts” are free for any project. Adobe Fonts need an Adobe plan. A font the site hosts itself and that isn’t on Google Fonts may be a paid font, so check its license before you copy it.
What does “System font” mean?
The site uses whatever font comes with the visitor’s computer, like San Francisco on a Mac or Segoe UI on Windows. Nothing is downloaded, and you can use the same setting for free.
Why is a font missing?
Some sites add their styles with JavaScript after the page loads, and some block automated visits. We also read up to 12 stylesheets per page. If something is missing, try a different page on the same site.
How do I use the same font in my project?
Click “Copy prompt for your AI agent” and paste it into Claude Code, Cursor or Codex. It names each font, where it goes and which weights to load, so your agent can set it up the way your project already loads fonts.