RANK #09 79% MATCH

Poppins × EB Garamond

sans-serif  +  serif

This is the modern-meets-classical pairing: Poppins's clean geometry over EB Garamond's warm old-style body. The tension between contemporary and classical feels considered and a little elevated, and Garamond gives long...

Headings + Body Google Fonts Free
Match scores

How Poppins and EB Garamond score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.

COMPOSITE MATCH
79 /100
Reliable choice
Class contrast 90
Role clarity 86
X-height harmony 62
Mood affinity 70
WHY IT WORKS
Structure meets readability

This is the modern-meets-classical pairing: Poppins's clean geometry over EB Garamond's warm old-style body. The tension between contemporary and classical feels considered and a little elevated, and Garamond gives long body text a refinement Poppins's geometry never could.

Where it shines

Editorial, fashion, premium and long-read layouts where a classical body voice fits the content.

Where to be careful

Real attribute clash: EB Garamond has a small x-height and Poppins has a tall one, so at matching point sizes the body looks too small. Size EB Garamond up 1–2px and give it open line-height, or the hierarchy reads as a mistake rather than a choice.

THE TYPEFACES
Meet the pair
Ag HEADING
sans-serif · Indian Type Foundry (Jonny Pinhorn, Ninad Kale) · 2014
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Thin ExtraLight Light Regular Medium SemiBold
BEST FOR Headlines, labels, UI
Ag BODY
serif · Georg Duffner & Octavio Pardo · 2011
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Regular Medium SemiBold Bold ExtraBold
BEST FOR Body text, quotes, long reads
GET THE PAIR
Drop it into your project

Add the fonts, then two rules — Poppins for headings, EB Garamond for everything you read.

index.html
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&family=EB+Garamond:wght@400;500&display=swap" rel="stylesheet">
styles.css
h1, h2, h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

body, p {
  font-family: "EB Garamond", serif;
  font-weight: 400;
  line-height: 1.7;
}
THE FONTPAIR JOURNAL

Get the pairing notes, weekly.

One short email a week — a new pairing, a specimen, and a tip. No spam.