RANK #10 74% MATCH

Playfair Display × PT Serif

serif  +  serif

The all-serif option: Playfair's high-contrast display serif over PT Serif's calm, low-contrast transitional body. It works because the two serifs are so different in contrast and purpose — Playfair dramatic and display,...

Headings + Body Google Fonts Free
Match scores

How Playfair Display and PT Serif score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.

COMPOSITE MATCH
74 /100
Workable pairing
Class contrast 60
Role clarity 78
X-height harmony 80
Mood affinity 82
WHY IT WORKS
Structure meets readability

The all-serif option: Playfair's high-contrast display serif over PT Serif's calm, low-contrast transitional body. It works because the two serifs are so different in contrast and purpose — Playfair dramatic and display, PT Serif quiet and readable — that the hierarchy still reads despite both being serifs.

Where it shines

Traditional editorial and publishing layouts that want an entirely serif voice.

Where to be careful

This is the hardest pairing here — serif-on-serif gives weaker class contrast, so lean hard on size and weight to separate the roles, and don't attempt it if the two serifs start to feel similar in your layout.

THE TYPEFACES
Meet the pair
Ag HEADING
serif · Claus Eggers Sørensen · 2011
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Regular Medium SemiBold Bold ExtraBold Black
BEST FOR Headlines, labels, UI
Ag BODY
serif · Alexandra Korolkova, Olga Umpeleva (ParaType) · 2010
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Regular Bold
BEST FOR Body text, quotes, long reads
GET THE PAIR
Drop it into your project

Add the fonts, then two rules — Playfair Display for headings, PT Serif for everything you read.

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

body, p {
  font-family: "PT Serif", 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.