Font Pairing Calculator

Compatibility score for heading and body pairings.

Heading classification (1–5)

Body classification (1–5)

Heading x-height (1–5)

Body x-height (1–5)

Heading stroke contrast (1–5)

Body stroke contrast (1–5)

Heading weight (1–5)

Body weight (1–5)

Tab to move between fields

Overall compatibility

80/100

Contrast score70/100

Harmony score88/100

Classification fit65/100

Weight contrast75/100

x-height match100/100

How to Use This Calculator

Enter Heading classification (1–5), Body classification (1–5), and Heading x-height (1–5).
Set Body x-height (1–5), Heading stroke contrast (1–5), and Body stroke contrast (1–5).
Adjust Heading weight (1–5), Body weight (1–5) as needed.
Review the Overall compatibility (/100) result.
Use Contrast score (/100) and Harmony score (/100) to inform your decision.

What each input means

Heading classification (1–5): Heading font class: 1=Serif, 2=Sans-serif, 3=Slab serif, 4=Display/script, 5=Monospace.
Body classification (1–5): Body font class: 1=Serif, 2=Sans-serif, 3=Slab serif, 4=Display/script, 5=Monospace.
Heading x-height (1–5): Heading x-height proportion: 1=Very small (Didot), 3=Medium (Garamond), 5=Very large (Verdana).
Body x-height (1–5): Body x-height proportion on the same 1–5 scale.
Heading stroke contrast (1–5): Stroke variation: 1=Monolinear (Futura), 3=Moderate, 5=High contrast (Bodoni).
Body stroke contrast (1–5): Body font stroke contrast on the same 1–5 scale.
Heading weight (1–5): Heading weight: 1=Thin, 2=Light, 3=Regular, 4=Bold, 5=Black.
Body weight (1–5): Body weight: 1=Thin, 2=Light, 3=Regular, 4=Bold, 5=Black.

Overall compatibility: Weighted score: 80+ = Excellent pairing, 60–79 = Good, 40–59 = Fair, <40 = Poor.
Contrast score: How well the pair creates visual differentiation between heading and body.
Harmony score: How well the pair's shared characteristics create visual cohesion.
Classification fit: Score for classification pairing (e.g. serif + sans = strong contrast).
Weight contrast: Score for weight differentiation — headings should generally be bolder.
x-height match: How similar the x-height proportions are — closer is more harmonious.

Identify Input Parameters
4 parameters
Heading classification (1–5) = 2, Body classification (1–5) = 1, Heading x-height (1–5) = 3, Body x-height (1–5) = 3 = 8 input(s) provided
Calculate Overall compatibility
Overall compatibility = min(100
80 = 80
Calculate Contrast score
Contrast score = min(100
70 = 70
Calculate Harmony score
Harmony score = min(100
88 = 88