Choosing & Pairing
Two fonts, tops — and they have to disagree on purpose.
“How do I pair fonts?” is the most-searched question in typography, and the answer is shorter than people expect. Use one or two families, make sure they contrast clearly, and reach for weights before you reach for a third typeface.
The classic mistake isn’t too much contrast — it’s too little. Two fonts that are almost the same read as an accident, not a decision. Build pairings in the lab and feel where the line is.
Fewer fonts, more weights
A page with four typefaces reads like a ransom note — every voice shouting, none in charge. The discipline is two families at most: a workhorse for text, and optionally one display face for headlines.
Most moments where you reach for “a new font” are really asking for a different weight, an italic, or a size step — all of which you already have inside the family you’re using.
Different enough to be on purpose
Good pairs contrast clearly — in category, weight, or proportion. The safest move is the oldest: a serif with a sans. The eye reads them as two distinct roles, so the pairing feels intentional.
The danger zone is two faces from the same category that aren’t identical — two different sans, two different serifs. Too alike to feel unified, too different to feel deliberate. The eye just senses friction.
A Quiet Confidence
And the body copy underneath, doing the patient work of actually being read — calm, even, and clearly a different role from the headline above it.
Weight does the work
Before adding a second font, exhaust the first. A single family with a real range of weights gives you a whole hierarchy that’s guaranteed to harmonise — because the weights were drawn to sit together.
Below is one typeface — Inter — doing the job of four. No second font in sight, and nothing clashes.
The font already says something
Every typeface arrives with a tone before it sets a word — a geometric sans feels modern and efficient; a high-contrast serif feels editorial and expensive; a rounded face feels friendly. Pick for the voice of the thing, not the prettiness of the specimen.
A bank and a children’s app can both be “well-typeset” and share zero fonts, because they’re saying opposite things. The right pairing is the one that sounds like the brand out loud.
Two strategies that work
The two best moves, in the wild: one family with weights, and a clean serif-plus-sans pairing.
Product UIs often skip the second font entirely. Weight and size carry every level — bulletproof harmony.
A high-contrast display serif for the headline, a plain sans for labels and decks. Two clear roles, read as one design.
Pairing is the difference dial for type. But two fonts alone don’t make hierarchy — you still tune their size and weight (contrast) while keeping colour and alignment shared (sameness). A pairing fails when the two faces are too alike and when everything else also differs. Contrast where it counts; agree everywhere else.
The Pairing glossary
Six words for choosing and combining. Tap a card to flip it.
Questions you actually ask
Judge the pairing
Mixed formats — multiple choice, multi-correct, fill-in, match, order, read-think-connect and write-your-own — each with layered hints: a nudge, the reasoning, then a deeper connection. Served from the question bank, never hardcoded.