Playfair Display & Karla

A high-contrast Didone headline with a slightly quirky grotesque body.

Contrast is the whole idea

Two faces, two jobs

A pairing fails when both faces are asking for the same attention.

Why it works

Set Playfair Display at display size and Karla everywhere else — the high-contrast Didone headline carries the personality while the slightly quirky grotesque body carries the reading.

What each font brings

Heading face
Playfair Displayhigh-contrast Didone
Body face
Karla keeps the reading even and quiet.slightly quirky grotesque

Best for

Copy the code

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Karla:wght@300;400;500;700&display=swap" />

Related pairings