RANK #09 81% MATCH

Cormorant × EB Garamond

serif  +  serif

Both faces descend from Garamond, so they share a visual language — and crucially they share a small x-height, which makes this the one EB Garamond pairing where the usual sizing problem simply disappears. Cormorant's hi...

Headings + Body Google Fonts Free
Match scores

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

COMPOSITE MATCH
81 /100
Reliable choice
Class contrast 68
Role clarity 82
X-height harmony 86
Mood affinity 94
WHY IT WORKS
Structure meets readability

Both faces descend from Garamond, so they share a visual language — and crucially they share a small x-height, which makes this the one EB Garamond pairing where the usual sizing problem simply disappears. Cormorant's higher contrast and display proportions let it lead as elegant headings while EB Garamond carries the body, giving you a fully classical, beautifully cohesive all-serif system.

Where it shines

Literary, editorial, fashion and luxury layouts wanting an entirely classical, high-end serif voice.

Where to be careful

Both are serifs, so push the heading size and Cormorant's lighter display weights to keep the hierarchy obvious — the harmony is so close they can blur if set too similarly.

THE TYPEFACES
Meet the pair
Ag HEADING
serif · Christian Thalmann (Catharsis Fonts) · 2015
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Light Regular Medium SemiBold Bold
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 — Cormorant 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=Cormorant:wght@500;700&family=EB+Garamond:wght@400;500&display=swap" rel="stylesheet">
styles.css
h1, h2, h3 {
  font-family: "Cormorant", 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.