Font Inspector

Discover the
fonts behind
beautiful design

A lightweight inspector that reveals font family, size, weight, color, and source — on any website, with a single hover.

Get FontLens NowAvailable for Chromium browsers
example.com
FontLensInspecting
Font FamilyInter
Size16px
Weight400 (Regular)
Color#1a1a2e
Line Height1.6
SourceGoogle Fonts

15

Languages Supported

0

External API Calls

None

Data Collected

Full

RTL Support

Capabilities

Everything you need to understand web typography

Hover to Inspect

Enable inspection mode, hover over any text, and instantly reveal its font properties.

Detect Font Source

Identifies whether a font comes from Google Fonts, Adobe Fonts, self-hosted, or system.

Copy CSS Instantly

Copy individual CSS properties or the full font CSS stack with a single click.

Font History

Keep a browsing history of every font you inspect across all websites you visit.

Works Offline

Runs entirely in your browser with zero external servers or API calls required.

Privacy-First

No data ever leaves your browser. Everything stays local on your device, always.

Typography

Every font tells a story

FontLens reveals the typographic decisions behind every website. See font properties in real time as you browse.

The quick brown fox

Inter
Sans-serif400

jumps over the lazy dog

Georgia
Serif700

0123456789 !@#$%

Courier New
Monospace400

Aa Bb Cc Dd Ee Ff

system-ui
System300
How It Works

Three steps. That's it.

01

Click the Icon

Open FontLens from your browser toolbar and enable inspection mode with one click.

02

Hover Any Text

Move your cursor over any text element on the page to trigger the font analysis.

03

See Every Detail

Font family, size, weight, style, color, line-height, and source — all revealed instantly.

Start discovering fonts today

Install FontLens, click the icon, and uncover the typography behind every website you visit. Lightweight, private, and always at your fingertips.

Get FontLens Now