The Basics of Typography Pairing

Pairing fonts is both an art and a science. When done correctly, the right combination can establish a brand's voice, improve readability, and create visual interest. When done poorly, it can distract the reader and dilute your message.

1. Contrast is Key

The most important rule in font pairing is contrast. If two fonts look too similar, it looks like a mistake. You want distinct differences in:

• Style: Serif vs. Sans-serif is the classic, foolproof contrast.
• Weight: A heavy, bold heading with a light, airy body font.
• Scale: Significant size differences help establish clear hierarchy.
• Proportion: A condensed heading font paired with a wide body font.

2. Shared Characteristics

While contrast creates interest, shared traits create harmony. Look for fonts that have similar:

• x-height: The height of the lowercase letters.
• Axis: The angle of stress in the letterforms.
• Mood: A geometric, modern sans pairs well with a structured, modern serif.

3. Keep it Simple

As a general rule, stick to two typefaces. One for headings and one for body copy. Sometimes you might introduce a third for UI elements, captions, or highly stylized pull quotes, but two is usually enough to achieve hierarchy without creating chaos.

4. Superfamilies

If you're unsure where to start, use a "superfamily." These are font families designed together that include both serif and sans-serif versions (e.g., Roboto and Roboto Slab, or Merriweather and Merriweather Sans). They are practically guaranteed to work well together.