Website Font Detector
Paste a URL or inspect live styles to discover fonts rendered in the DOM, including Google Fonts, Adobe Fonts and self-hosted families, with computed size/weight and selectors.
Or paste HTML/CSS directly — works for private pages.
Results will appear here
This is the extensible result shell. Future AI/API integration will populate:
- ● Match + confidence %
- ● Family, weight, style, category
- ● License / source (free, Google, Adobe)
- ● Live preview with your text
- ● Similar / alternative fonts
- ● Next actions: download, buy, test, copy CSS
Architecture ready for pluggable AI providers — UI not coupled to a single API. Swap provider via env.
How it works
Enter URL
Paste any public website address.
Scan
We fetch computed styles and @font-face rules.
Map
See where each font is used with selectors and previews.
FAQ
Does it work on private sites?
Use our bookmarklet/extension for authenticated pages (coming soon) or paste HTML/CSS.
Privacy note
Heavy image/PDF processing stays in your browser when possible. No fonts or files stored.
Related tools & guides
Font Size Detector
Measure actual rendered font size, line-height, letter-spacing and scale from an image or live page.
Font Preview / Tester
Type any text and instantly preview it across detected fonts, Google Fonts and your uploads.
Guides
How to Find a Website Font (DevTools, Extensions & Detectors)
Step-by-step for Chrome DevTools, our Website Font Detector and what to do on private sites.
Read guide →Font Finder Extension Guide: Detect Fonts Without Screenshots
Extension vs detector vs DevTools — when to use each for speed and privacy.
Read guide →