RANK #05 87% MATCH

Poppins × Lora

sans-serif  +  serif

Lora is a contemporary serif with calligraphic roots, and its hand-drawn warmth is a perfect counterweight to Poppins's machined, monolinear geometry. The x-heights are close enough to keep sizing harmonious, the class c...

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

How Poppins and Lora score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.

COMPOSITE MATCH
87 /100
Strong match
Class contrast 90
Role clarity 90
X-height harmony 82
Mood affinity 82
WHY IT WORKS
Structure meets readability

Lora is a contemporary serif with calligraphic roots, and its hand-drawn warmth is a perfect counterweight to Poppins's machined, monolinear geometry. The x-heights are close enough to keep sizing harmonious, the class contrast keeps hierarchy obvious, and the result reads modern-but-refined rather than coldly geometric.

Where it shines

Editorial and lifestyle sites, design-led brands, longer reads that want a body voice with some craft to it.

Where to be careful

Lora's contrast is gentle — on low-res screens at small sizes, set the body at Medium to hold legibility.

THE TYPEFACES
Meet the pair
Ag HEADING
Poppins
sans-serif · Indian Type Foundry (Jonny Pinhorn, Ninad Kale) · 2014
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Thin ExtraLight Light Regular Medium SemiBold
BEST FOR Headlines, labels, UI
Ag BODY
Lora
serif · Cyreal (Olga Karpushina, Alexei Vanyashin) · 2011
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Regular Medium SemiBold Bold
BEST FOR Body text, quotes, long reads
GET THE PAIR
Drop it into your project

Add the fonts, then two rules — Poppins for headings, Lora for everything you read.

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

body, p {
  font-family: "Lora", serif;
  font-weight: 400;
  line-height: 1.7;
}
MORE PAIRINGS
Other ways to use Lora
All Lora pairings
Ag × Ag
Lora + Inter

Lora's warm, moderate-contrast serif headings bring a literary feel over Inter's clean body. Softer and friendlier than Playfair, Lora pairs...

87% match Rank #01
Ag × Ag
Lora + Lato

Lora's calligraphic warmth answers Lato's friendly humanism — the two share a gentle temperament, so the pairing feels coordinated. Lato lea...

87% match Rank #02
Ag × Ag
Lora + Lora

Lora is a contemporary serif with calligraphic roots and moderate contrast, and that hand-drawn warmth is the perfect counterweight to Monts...

87% 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.