Font Detective in Chrome with OffiDocs

DESCRIPTION

Analyzes and extracts font styles used in a webpage with examples.

Font Detective lets you uncover every font on any webpage in an instant—no source-code digging required. With a single button press, you can instantly see all the typographic details you need.

Features

* Instant font spotting: Click the ‘Analyze Font Usage’ button to start the scan.
* Comprehensive font stats: See family, weight, size, line height, style, and more—automatically extracted for you.
* Live preview pop-up: Hover over the matches in the results to see the font highlighted on your page.
* Clipboard-ready details: Copy all the results to your clipboard in one tap.
* Quick toggle: Switch between a Summary and a Detailed view.

Getting Started

1. Install Font Detective from the Chrome Web Store.
2. Click ‘Analyze Font Usage’ to start the scan.
3. Hover over the matches in the results to see the font highlighted on your page.
4. Click the text to open the font details overlay.
5. Hit the Copy results button to save the results to your clipboard.
6. Press ESC or click the icon again to exit inspection mode.

Elevate your typography workflow—explore, analyze, and view your fonts right on the page. Great for large-scale typography audits. Bring your web designs into sharper focus!

Font Detective web extension integrated with the OffiDocs Chromium online