Oswald × Roboto
Oswald is a tall, condensed sans whose narrow caps make punchy, space-efficient headlines — exactly the kind of expressive lead Roboto's even body text supports without competing. The width contrast (condensed heading ov...
How Oswald and Roboto score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Oswald is a tall, condensed sans whose narrow caps make punchy, space-efficient headlines — exactly the kind of expressive lead Roboto's even body text supports without competing. The width contrast (condensed heading over normal-width body) does the hierarchy work that two same-width sans-serifs couldn't.
Where it shines
Sports, news, bold marketing and poster-style layouts that want strong condensed headlines over clean body.
Both are sans-serifs, so lean on Oswald's condensation and weight for contrast — don't set the headings too light or the distinction collapses.
Add the fonts, then two rules — Oswald for headings, Roboto for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Oswald", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Roboto", serif; font-weight: 400; line-height: 1.7; }
This is Oswald's strongest pairing because two kinds of contrast stack: Oswald's narrow condensed caps against Merriweather's wide, open ser...
Lora's calligraphic warmth softens Oswald's industrial edge, so the pairing reads bold-but-refined rather than purely aggressive. The width...
PT Serif gives Oswald a dependable, neutral serif body — its open, transitional forms contrast cleanly with Oswald's tight condensation, and...
Get the pairing notes, weekly.
One short email a week — a new pairing, a specimen, and a tip. No spam.