Check whether two or three typefaces pair well, using class, structure, x-height and role fit
Type pairing checkFreeFor designers and brand teams
25/day
free runs a day, no sign-in.
Before: what you give it
The example input, as typed in. You paste text, CSS, markup or notes.
fonts: ["Playfair Display:heading","Georgia:body","JetBrains Mono:code"]
After: what comes back
The first lines of a real run on that input. Nothing here is edited by hand.
Pairing: Playfair Display (heading, serif) + Georgia (body, serif) + JetBrains Mono (code, mono) Verdict: works with adjustments Playfair Display / Georgia: two serif faces (didone and transitional); weak contrast: both share a class. Works only if size, weight or case do clear work; serif plus sans is the easier pairing. matched x-heights. Playfair Display / JetBrains Mono: serif with mono; fine: mono is a separate voice for code. matched x-heights. Georgia / JetBrains Mono: serif with mono; fine: mono is a separate voice for code. matched x-heights. Note: Playfair Display: High contrast: hairlines vanish at small sizes; display use. Note: Georgia: Large x-height and wide; reads big at small sizes. Table values are qualitative and approximate. Check x-height in the actual font file.
What you get
Each face's class and structure, how the pair contrasts, role warnings and a one-line verdict
What it cannot do
Covers about 55 built-in families; an unknown family gets no verdict, and table values are qualitative.
Who it is for
- Designers
- Brand teams
Free and Pro
| Free | 25 runs a day per IP address. |
|---|---|
| Pro | No daily limit, 300 requests a minute. |
Use it from your assistant
The tool is called type_pairing_check. Connect the server once, then ask for it by name or just describe the job. Install steps for each app.
claude mcp add --transport http designers https://designers.allthepossibles.com/mcpcurl -X POST https://designers.allthepossibles.com/api/type-pairing-check -H 'content-type: application/json' -d '{"fonts":["Playfair Display:heading","Georgia:body","JetBrains Mono:code"]}'Try it here
The form starts with the same example input, so you can run it first and then swap in your own.
More in typography
- Modular type scale
Build a modular type scale from a base size and ratio, with rem values and a fluid clamp() for each step
- Measure and leading
Check whether a text column holds 45 to 75 characters per line and get a line-height to match
- Type crimes lint
Find typographic errors in copy, HTML or CSS, such as straight quotes, fake dashes and tight line-height
- Vertical rhythm
Snap a set of type sizes to a baseline grid with line-heights and margins in whole baseline units
- Type scale audit
Check a stylesheet's font sizes against a modular scale and flag sizes, line heights and body text that drift