Roboto × Lora
Lora is a contemporary serif with calligraphic roots and moderate contrast, and that hand-drawn warmth is a natural counterweight to Roboto's mechanical neutrality. Roboto leads as clean headings, Lora carries the body w...
How Roboto and Lora score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Lora is a contemporary serif with calligraphic roots and moderate contrast, and that hand-drawn warmth is a natural counterweight to Roboto's mechanical neutrality. Roboto leads as clean headings, Lora carries the body with a little crafted character, and the close x-heights keep sizing easy.
Where it shines
Editorial sites, design and lifestyle brands, longer reads that want a body voice with some warmth.
Lora's contrast is gentle; on low-res screens at small sizes, bump body weight to Medium to hold legibility.
Add the fonts, then two rules — Roboto for headings, Lora for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500;700&family=Lora:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Roboto", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Lora", serif; font-weight: 400; line-height: 1.7; }
This is the safest pairing on the list because the two faces share a skeleton — Roboto Slab is Roboto with slab serifs added. The x-heights...
Roboto Serif was drawn specifically to complement Roboto, so you get true sans/serif class contrast with guaranteed proportional harmony. Se...
This is the classic 'personality heading, neutral body' pairing. Playfair Display brings dramatic thick-to-thin contrast and a traditional,...
Get the pairing notes, weekly.
One short email a week — a new pairing, a specimen, and a tip. No spam.