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!