Overview
Inspect any site's font pairing, colors, and type anatomy — then swap pairings live and share branded specimen cards.
See how any website sets its type — then make it your own. thefontpair is a font inspector for designers and developers. Click the icon on any page and instantly see the fonts, colors, and typographic decisions behind it — presented as one clear pairing, not a messy font dump. WHAT IT DOES - One pairing, not a font dump — detects the dominant heading × body pairing, with weights, sizes, and line-height. - Pairing anatomy, measured — type scale ratio, weight contrast, line-height range, and letter-spacing, read straight off the rendered page. - Palette + WCAG contrast — pulls the text and site colors, click any swatch to copy, and see contrast ratios flagged with AA / AAA badges. - Live Pair Swap — preview Google Fonts pairings on the real page you're looking at, then reset to the original in one click. - Export the whole system — copy the type system as CSS, Tailwind, SCSS, or a ready-to-paste Google Fonts embed. - Share specimen cards — generate branded specimen cards in square, 16:9, or 9:16, ready to post. PRIVACY FIRST Everything runs locally in your browser. The extension collects nothing, transmits nothing, and needs no account. It only reads a page's fonts and colors when you click the icon. Made by thefontpair — the type-pairing tool at thefontpair.com.
Details
- Version2.0.4
- UpdatedJuly 13, 2026
- Size49.42KiB
- LanguagesEnglish
- DeveloperWebsite
Email
hello@thefontpair.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, visit the developer's support site
