Why Pairings Go Wrong
Two typefaces can look wrong together for a simple reason: they are almost the same, but not quite. When two faces are very similar, the small differences look like mistakes instead of choices. The other common failure is the opposite: two faces with strong, competing personalities that fight for attention. Good pairings avoid both problems. They are either clearly different, with each doing its own job, or they are so closely related that they look like one family.
There is no formula that guarantees a good result, and taste varies. But a few principles reliably help.
Start With Roles
Before choosing faces, decide what each will do. In most designs there are only a few roles:
- Headings, which need to draw attention and set tone.
- Body text, which needs to be comfortable to read for long stretches.
- Accents, such as captions, labels, buttons or pull quotes, which need to be clear at small sizes or add a touch of character.
Assigning a role to each typeface keeps the system orderly. A reader learns quickly that the headline style means “title” and the body style means “explanation”. If you cannot say what a third typeface is for, you probably do not need it. Two is often enough, and one family with several weights can be enough as well. The distinction between display type and text type is a helpful guide here, since it explains why a headline face and a body face are often different.
Create Contrast On Purpose
A pairing needs visible difference in one or two dimensions. Useful ways to create it:
- Classification. Pairing a serif with a sans serif is the classic move because the difference is obvious. The article comparing serif versus sans covers the character of each.
- Weight. A heavy headline against a light or regular body creates strong hierarchy.
- Width. A condensed heading with a normally proportioned body can feel crisp.
- Style. A script or highly stylized face used sparingly against a plain body adds personality.
- Size. Large headlines against modest text strengthen the order of the page, even when the faces are the same.
Aim to differ in a few ways but not all of them. If two faces differ in classification, weight, width and mood all at once, they usually feel unrelated. A useful check is to ask: “If these two faces are clearly different, can I explain how?” If the answer is “they are just slightly different”, change one of them.
Look For Shared Structure
Contrast does the work of distinction, but something should also connect the two faces. Check for shared qualities:
- Similar proportions. Comparable x-heights make mixed text look aligned and balanced. A mismatch can make one face look much larger than the other at the same size.
- Similar stroke construction. Geometric faces with round, circular forms often go together. Faces with a calligraphic, pen-drawn feel tend to match each other.
- Similar era or influence. Faces rooted in the same tradition or period often feel natural together.
- Similar level of formality. A stiff formal serif and a rounded playful sans can create tension unless you want that effect.
When two typefaces are designed by the same person or as companions, these links are often built in. Some families come in matching serif and sans versions for exactly this reason, which makes pairing straightforward.
A Simple Method
- Choose the body face first. It does the most work, so pick something readable, with a good range of weights and the characters you need.
- Select a heading face that contrasts. If the body is a serif, try a sans, or choose a heavier, more characterful serif.
- Set real content. Use an actual headline, a paragraph, a caption and a list, not filler text. Pairings can look fine in a sample and then fail with real words.
- Check at final sizes. Look at the pairing at the sizes and on the surface where it will be used.
- Reduce. If something feels off, remove a face or a style before adding another.
The Safe Option: One Family
A single versatile family, used in different weights and sizes, is a dependable way to build a consistent look. A super-family that includes serif and sans versions, or a family with a wide range of widths and weights, gives variety without risk of clashing. Many professional designs use exactly one or two families. This also simplifies loading time on websites and file management for print.
Common Mistakes
- Using too many faces. Three is usually the practical limit, and even that requires discipline.
- Mixing two similar sans serifs or two similar serifs. The small differences look accidental.
- Pairing two display faces. Two voices shouting at once cancel each other out.
- Ignoring x-height. Faces with different x-heights look mismatched at the same point size, so adjust sizes optically.
- Forgetting language and character support. Check that both faces include everything your content needs.
- Letting the pairing override legibility. Nothing about a clever pair is worth text that is hard to read.
Pairing Within A Larger System
Typeface choices rarely live alone. They connect to brand identity, where type contributes to the personality of a brand, and to the pairings of color and layout that surround it. Recording your choices in a brand style guide, including which face is used for which role and at which sizes, keeps the pairing consistent when many people produce material. On screens, remember that rendering varies, as discussed in the article on screen typography.
When To Break The Rules
Experienced designers do sometimes pair similar faces or combine several strongly different ones. They succeed when the choice is clearly intentional, for example a poster built entirely from clashing styles as a deliberate look. If you are starting out, learn the conventional approach first. Strong contrast, a shared structure and a clear role for each face will serve you well in the great majority of projects, and you can experiment from that stable base.