Fraunces is a soft, high-contrast 'old-style' display serif with loads of character, and over Inter's neutral body it gives a distinctly contemporary editorial-tech feel — the expressive serif leads, Inter carries the te...
How Fraunces and Inter score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Fraunces is a soft, high-contrast 'old-style' display serif with loads of character, and over Inter's neutral body it gives a distinctly contemporary editorial-tech feel — the expressive serif leads, Inter carries the text cleanly, and the class gap makes the hierarchy obvious.
Modern editorial, indie product and creative-studio sites wanting a characterful serif headline over a UI-grade body.
Fraunces has optical sizes and a 'wonky' axis — use a display optical size for headings and keep Inter neutral so the serif stays the star.
Add the fonts, then two rules — Fraunces for headings, Inter for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Fraunces", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Inter", serif; font-weight: 400; line-height: 1.7; }
Playfair Display's high-contrast, elegant serif headings over Inter's neutral screen body is a textbook editorial-meets-modern pairing. The...
Lora's warm, moderate-contrast serif headings bring a literary feel over Inter's clean body. Softer and friendlier than Playfair, Lora pairs...
Invert the usual order: a neutral Inter heading over Merriweather's sturdy, readable serif body. Inter's clean modern headline frames the wa...
One short email a week — a new pairing, a specimen, and a tip. No spam.