Typography Pairing: A Practical Guide

Pairing fonts is a small decision with outsized impact. Good pairings clarify hierarchy and feel deliberate. Poor pairings confuse the eye and make a design feel amateur. This guide gives you a system: a small set of rules, a small set of safe pairings, and a process for choosing your own.

The Three Principles

1. Contrast, not conflict. Fonts should be clearly different (serif vs sans, condensed vs wide, geometric vs humanist) — but harmonious in mood and metrics.
2. One does the heavy lifting. Pick one font for body (the workhorse) and choose the second to complement it for headings or display.
3. Match the mood. A playful display font over a serious technical body looks confused. Tone matters more than aesthetics.

The Pairing Patterns That Work

Pairing Pitfalls to Avoid

• Two fonts of the same classification (two sans-serifs, two serifs) that look "almost the same" — reads as a mistake.
• Mismatched x-heights — body text at the same point size looks dramatically different in apparent size.
• Display fonts in body copy — they're optimised for large sizes and become unreadable below ~18px.
• Too many weights — pick 3-4 weights total across both fonts (e.g., 400, 600, 700) and stick to them.

A Process for Choosing Your Own

1. Pick the body font first — choose for readability at your target size.
2. Identify what your design needs from the heading font: warmth, authority, energy, technicality.
3. Choose a heading font from a different classification (or the same superfamily for safety).
4. Set the body at 16-18px, headings at 28-48px depending on context. Test the rhythm before committing.
5. Trim weights ruthlessly. Two weights per font is usually enough.