Inter × EB Garamond
A modern Inter headline over a classic EB Garamond serif body is a striking old-meets-new contrast — the neutral sans frames a warm, literary reading face. The class gap is large and elegant, giving a refined editorial f...
How Inter and EB Garamond score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
A modern Inter headline over a classic EB Garamond serif body is a striking old-meets-new contrast — the neutral sans frames a warm, literary reading face. The class gap is large and elegant, giving a refined editorial feel when the proportions are handled with care.
Where it shines
Premium editorial, essays and culture sites wanting a clean modern headline over a classic literary body.
EB Garamond's x-height is much smaller than Inter's, so the body looks tiny at matched sizes — bump EB Garamond up a point or two and add line-height so it reads comfortably.
Add the fonts, then two rules — Inter for headings, EB Garamond for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;700&family=EB+Garamond:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Inter", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "EB Garamond", serif; font-weight: 400; line-height: 1.7; }
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 G...
Raleway is an elegant geometric sans whose refined, thin character complements EB Garamond's classical grace rather than fighting it — moder...
Source Sans is a neutral humanist sans that recedes as crisp, modern headings, letting EB Garamond's classical body supply the warmth and ch...
Get the pairing notes, weekly.
One short email a week — a new pairing, a specimen, and a tip. No spam.