RANK #07 79% MATCH

Oswald × Source Sans 3

sans-serif  +  Body

Source Sans is a clean humanist sans that recedes as calm, readable body under Oswald's bold condensed headings. The width contrast supplies the hierarchy while Source Sans keeps long text comfortable.

Headings + Body Google Fonts Free
Match scores

How Oswald and Source Sans 3 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 72
Role clarity 84
X-height harmony 80
Mood affinity 82
WHY IT WORKS
Structure meets readability

Source Sans is a clean humanist sans that recedes as calm, readable body under Oswald's bold condensed headings. The width contrast supplies the hierarchy while Source Sans keeps long text comfortable.

Where it shines

Tech, corporate and documentation layouts wanting impactful headings over neutral body.

Where to be careful

Keep a firm weight and width gap so the two sans roles never blur.

THE TYPEFACES
Meet the pair
Ag HEADING
sans-serif · Vernon Adams · 2011
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
ExtraLight Light Regular Medium SemiBold Bold
BEST FOR Headlines, labels, UI
Ag BODY
Google Fonts typeface
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
BEST FOR Body text, quotes, long reads
GET THE PAIR
Drop it into your project

Add the fonts, then two rules — Oswald for headings, Source Sans 3 for everything you read.

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

body, p {
  font-family: "Source Sans 3", 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.