RANK #07 84% MATCH

League Spartan × Source Serif 4

sans-serif  +  Body

League Spartan's bold geometric headlines over Source Serif's modern transitional body pair strong display with a clean, composed serif — the impactful sans leads while Source Serif gives the reading authority and warmth...

Headings + Body Google Fonts Free
Open in Studio Copy CSS
Match scores

How League Spartan and Source Serif 4 score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.

COMPOSITE MATCH
84 /100
Reliable choice
Class contrast 88
Role clarity 86
X-height harmony 80
Mood affinity 80
WHY IT WORKS
Structure meets readability

League Spartan's bold geometric headlines over Source Serif's modern transitional body pair strong display with a clean, composed serif — the impactful sans leads while Source Serif gives the reading authority and warmth, the class contrast holding hierarchy.

Where it shines

Documentation, reports and editorial sites wanting bold headlines over a clean serif body.

Where to be careful

Keep headlines short and confident so the heavy caps clearly lead the composed serif body.

THE TYPEFACES
Meet the pair
Ag HEADING
League Spartan
sans-serif · Micah Rich, Tyler Finck (The League of Moveable Type) · 2014
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Thin ExtraLight Light Regular Medium SemiBold
BEST FOR Headlines, labels, UI
Ag BODY
Source Serif 4
Frank Grießhammer
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
BEST FOR Body text, quotes, long reads
GET THE PAIR
Drop it into your project

Add the fonts, then two rules — League Spartan for headings, Source Serif 4 for everything you read.

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

body, p {
  font-family: "Source Serif 4", serif;
  font-weight: 400;
  line-height: 1.7;
}
MORE PAIRINGS
Other ways to use League Spartan
All League Spartan pairings
Ag × Ag
League Spartan + Merriweather

League Spartan's bold geometric headlines over Merriweather's sturdy serif body pair high-impact display with a comfortable reading face — t...

86% match Rank #01
Ag × Ag
League Spartan + League Spartan

League Spartan's bold geometric headlines over Lora's warm literary body pair strong display with a comfortable reading face — the impactful...

86% match Rank #02
Ag × Ag
League Spartan + League Spartan

League Spartan's bold geometric headlines over PT Serif's calm transitional body pair strong display with a neutral, readable serif — the im...

85% match Rank #03
THE FONTPAIR JOURNAL

Get the pairing notes, weekly.

One short email a week — a new pairing, a specimen, and a tip. No spam.