FontExplorer
Web Font Inspector
Instantly see every font used on any webpage. Live preview with custom text, 1-click CSS copy, and automatic Google Fonts links. Works with all languages including CJK.
// overview
FontExplorer scans any webpage and lists every font detected — using document.fonts (FontFaceSet API) combined with getComputedStyle on DOM elements. Results are sorted by usage count so you immediately see the primary fonts. For each font you get: a live preview rendered in that actual font, the element count and HTML tags where it's used, a 1-click CSS snippet (font-family + font-weight + font-style), weight and style variants detected on the page (400, 500, 700, italic), and a direct link to the Google Fonts specimen page when applicable. The preview text input lets you type any text — including Japanese, Chinese, Arabic, or any other script — and see all fonts render it simultaneously for quick comparison. Completely free.
// features
Font Discovery
Uses document.fonts API and getComputedStyle on up to 2000 DOM elements to find every loaded font
Live Preview
Type any text (including CJK scripts) in the preview field and all detected fonts render it instantly
1-Click CSS Copy
Copies a ready-to-paste font-family snippet including detected weight and style to your clipboard
Google Fonts Links
Automatically detects Google Fonts from <link> tags and known font list — shows G↗ to open the specimen page
Weight & Style Variants
Shows which weights (400, 500, 700) and styles (italic) are actually loaded on the page
All Languages
Works with Latin, Japanese, Chinese, Korean, Arabic and all Unicode scripts — unlike Japan-only alternatives
// recommended for
- Web designers identifying fonts used on competitor or inspiration sites
- Frontend developers checking which fonts are loaded and their weights
- Content creators researching typography combinations
- Design students studying real-world font usage
