Poppins and Lora Font Pairing
Set in Poppins 600 and Lora 400
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Lora:wght@400;700&display=swap');
body {
font-family: 'Lora', Georgia, serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', system-ui, sans-serif;
font-weight: 600;
}Poppins and Lora flip the usual formula: a geometric sans serif at 600 takes the headings, and a calligraphic serif carries the body text. The result is warm and approachable, with rounded, clean titles above paragraphs that feel like a well-made book. It works well for blogs, small shops and service businesses that want to sound friendly without looking casual.
Poppins & Lora
Headings 600, body text 400
ABCDEFGHIJKLM
abcdefghijklm
0123456789 &?!
Body text has to stay comfortable from the first line to the last.
Why Poppins and Lora Work Together
Poppins is a geometric sans serif based on circles, with strokes that are nearly monolinear. Its round o, a and e give headings a soft, friendly face, while constructed details such as its ampersand keep it tidy. Lora, designed by Cyreal, is a contemporary serif with roots in calligraphy and moderate contrast, made with body text in mind. Its brushed curves and firm serifs add movement to every line.
The pair works because each font does something the other cannot. Poppins is even and geometric; Lora has rhythm and a slight handwritten flow. Poppins is wide and sits large on the line; Lora is more compact, which keeps paragraphs from sprawling. Putting the sans serif on top gives headings a clean, modern edge, while the serif body stays comfortable over a long read.
Where Poppins and Lora Work Best
Picture a recipe or parenting blog where titles should feel welcoming and stories should read like a magazine. A bakery or stationery shop can use Poppins for product names and buttons, then switch to Lora for descriptions that tell a small story. Local service businesses, such as a yoga studio or a dog groomer, get headings that look friendly on a sign-up page and body text that feels considered rather than corporate.
Weights and Sizes to Use
Use Poppins at 600 for headings. It sits just below bold, which matters because Poppins is wide and gets heavy fast; at 700 and above, long headlines can look crowded. It comes in nine static weights from 100 to 900, so 500 suits subheadings and buttons. A heading line height of 1.15 to 1.25 fits its tall, round letters. Set Lora at 400 for body and 700 for bold, at 17 or 18px with a line height of 1.6 to 1.7. Lora’s range is 400 to 700, so it has no light weight.
Things to Watch
Poppins in small uppercase can look childlike, so keep capitals to short labels. Its width also makes long headlines wrap early on phones, so write them tight. Lora’s italic is expressive; use it for emphasis rather than whole paragraphs. Above all, do not set body text in Poppins too, because geometric shapes tire the eye over long passages and you lose the contrast that makes this pair work.
Similar Pairings
Pairs with a similar friendly feel, each with its own page.
Fraunces & Inter
A well-made pair feels like one voice in two registers: a confident headline and a calm, even paragraph underneath.
Bitter & Public Sans
Readers spend most of their time in body text, so it has to stay comfortable from the first paragraph to the tenth.
Fraunces & Figtree
Headlines get a second of attention. The body font has to hold it for minutes, which is why it deserves the most care.