Playfair Display × Poppins
Flip the usual roles here: let Playfair Display's high-contrast, elegant serif lead as headlines and use Poppins as a clean, modern sans body. The drama of Playfair against the calm geometry of Poppins is a striking eleg...
How Playfair Display and Poppins score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Flip the usual roles here: let Playfair Display's high-contrast, elegant serif lead as headlines and use Poppins as a clean, modern sans body. The drama of Playfair against the calm geometry of Poppins is a striking elegant-meets-modern contrast that suits fashion and editorial brands.
Where it shines
Fashion, beauty, wedding and premium editorial layouts wanting elegant headlines over a crisp modern body.
Poppins is wide and circular, so it's less comfortable than a humanist sans for very long body passages — keep paragraphs moderate, and never push Playfair's thin strokes down to body size.
Add the fonts, then two rules — Playfair Display for headings, Poppins for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Poppins:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Playfair Display", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Poppins", serif; font-weight: 400; line-height: 1.7; }
Merriweather is a sturdy serif drawn for screen reading with a tall x-height that lines up neatly with Poppins's, so a Poppins heading over...
Lora is a contemporary serif with calligraphic roots, and its hand-drawn warmth is a perfect counterweight to Poppins's machined, monolinear...
Bitter is a slab serif built for screens with a tall x-height that matches Poppins's. The slab serifs give body text more visual weight than...
Get the pairing notes, weekly.
One short email a week — a new pairing, a specimen, and a tip. No spam.