I often found myself wanting to quickly know what fonts a website uses without digging through dev tools or installing yet another browser extension. So, I built DetectTheFont.com
You just paste in a URL, and it directly parses the site to show you:
* A list of all unique fonts used.
* Previews of text from the site, styled with the identified fonts.
* Key CSS properties (weight, style, size, color).
* Easy "Copy CSS" for snippets.
* Direct download links for font files if available.
It's built with Next.js and does all the analysis client-side after fetching the site, meaning no external API calls for the core font detection.
Would love to hear your thoughts and any feedback!
I often found myself wanting to quickly know what fonts a website uses without digging through dev tools or installing yet another browser extension. So, I built DetectTheFont.com
You just paste in a URL, and it directly parses the site to show you: * A list of all unique fonts used. * Previews of text from the site, styled with the identified fonts. * Key CSS properties (weight, style, size, color). * Easy "Copy CSS" for snippets. * Direct download links for font files if available.
It's built with Next.js and does all the analysis client-side after fetching the site, meaning no external API calls for the core font detection.
Would love to hear your thoughts and any feedback!