Chrome Extension

See how any site sets its type.

Detect the font pairing, colors, and type anatomy of any page — then swap pairings live and try them in Studio.

Add to Chrome — Free No account · No tracking · Runs locally
The thefontpair extension popup open over a live web page, showing its detected heading and body pairing
Get started

Up and running in seconds

Add it to Chrome, open any page, and read its whole type system in a click — no setup, no account.

01

Add to Chrome

Install free from the Chrome Web Store — one click, no account.

02

Open any page

Browse to any site, then click the thefontpair icon in your toolbar.

03

Read its type

See the page’s heading × body pairing, its palette, and its type anatomy instantly.

Detection

One pairing, not a font dump

It surfaces the dominant heading × body pairing — the two typefaces actually doing the work on the page — with their weights, sizes, and line-height.

One pairing, not a font dump — thefontpair extension screenshot
Anatomy

Pairing anatomy — measured, not guessed

Type scale ratio, weight contrast, line-height range, and letter-spacing, read straight off the rendered page.

Pairing anatomy — measured, not guessed — thefontpair extension screenshot
Color

Palette + WCAG contrast

Pulls the text and site colors, click any swatch to copy it, and see contrast ratios flagged with AA / AAA badges.

Palette + WCAG contrast — thefontpair extension screenshot
Try it live

Live Pair Swap

Preview our Google Fonts pairings right on the real page, exactly where you are looking — then reset to the original in one click.

Live Pair Swap — thefontpair extension screenshot
Handoff

Export the whole system

Take the type system with you: CSS, Tailwind, SCSS, and a ready-to-paste Google Fonts embed.

Export the whole system — thefontpair extension screenshot
Share

Share specimen cards

Generate branded specimen cards at 2160px in square, 16:9, or 9:16 — ready to post.

Share specimen cards — thefontpair extension screenshot
Why it helps

Built for how you actually work

Stop guessing at type

Identify the exact heading and body fonts on any page instead of eyeballing them.

Ship it faster

Copy production-ready CSS, Tailwind, or SCSS straight into your project.

Design accessibly

See WCAG AA / AAA contrast for every text and background colour pair before you commit.

Try before you commit

Preview Google Fonts pairings on the live page to feel how they really read.

Private by default

Everything runs locally in your browser. The extension collects nothing, transmits nothing, and needs no account.

Read the privacy policy →
FAQ

Questions, answered

Everything you might want to know before you install. Anything else? Get in touch.

Is the extension free?
Yes — it’s free to install and use from the Chrome Web Store. No account, no paywall.
Does it work on any website?
It works on standard web pages, reading the fonts, colours, and type metrics the page actually renders. (Browser system pages and some sandboxed apps are off-limits to every extension.)
Do I need a thefontpair account?
No. The extension runs entirely in your browser and needs no account to work.
Which browsers are supported?
Google Chrome, plus Chromium-based browsers such as Edge, Brave, and Arc that support Chrome extensions.
Does it collect my data?
No. Everything runs locally in your browser — it collects nothing and transmits nothing.

Add it to Chrome and read any page’s type.

Add to Chrome — Free No account · No tracking · Runs locally