Know every font
on every page.
Font Scope inspects typography on any website — font families, weights, sizes, colors, and WCAG contrast, all with one click.
Everything a designer needs
Built for developers and designers who care about the details.
Click to Inspect
Hover over any element and click to instantly reveal its complete typographic profile — family, weight, size, and more.
Color & Contrast
See exact hex values for text and background colors, along with WCAG AA and AAA contrast ratios at a glance.
Full Page Scan
Open the popup to get an instant overview of every font used on the page, deduplicated and sorted by usage.
Copy CSS
One click copies a ready-to-use CSS snippet with all font properties — paste straight into your project.
Font Source Detection
Automatically identifies whether a font is from Google Fonts, Adobe Typekit, Bunny Fonts, or self-hosted.
Side Panel UI
Results appear in Chrome's native Side Panel — inspect fonts without leaving or covering the page you're on.
How it works
Three steps from install to full typography insight.
Install the Extension
Head to the Chrome Web Store and add Font Scope to your browser in seconds. No account required.
Visit Any Website
Navigate to any page you want to inspect — works on every website, any font, any framework.
Click Inspector
Hit the Inspector button to open the side panel, then click any text element to see its full type details.
Deep dive into any element
Click any element on the page to see its complete typography card in the side panel.
Barlow
Typography
Contrast
Start inspecting fonts today
Free forever. No account needed. Works on every website.
Add Font Scope to Chrome