TheFontPair — Font & Pairing Inspector
thefontpair.com · Developer Tools
Media
5 items
Description
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.