Playfair Display and Lora Font Pairing
Set in Playfair Display 700 and Lora 400
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Lora:wght@400;700&display=swap');
body {
font-family: 'Lora', Georgia, serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
}For an elegant, traditional feel, Playfair Display at weight 700 makes a dramatic heading font and Lora a softer body font underneath. Both are serifs, but Playfair's sharp contrast between thick and thin strokes sets it apart from Lora's gentler, calligraphic rhythm. The pairing suits wedding sites and stationery, and blogs that want a refined, literary tone from the first headline onward.
Playfair Display & Lora
Headings 700, body text 400
ABCDEFGHIJKLM
abcdefghijklm
0123456789 &?!
Body text has to stay comfortable from the first line to the last.
Why Playfair Display and Lora Work Together
Playfair Display is a high-contrast display serif in the Didone tradition: very thin hairlines, heavy vertical stems and ball-shaped terminals on letters such as a, c and r. It looks formal and fashion-magazine sharp at large sizes. Lora is a contemporary serif with moderate contrast and brushed curves, built for comfortable reading. It feels warm where Playfair feels crisp.
Two serifs can blur together, but these differ enough in stroke contrast and texture to stay distinct. Playfair’s hairlines catch the eye in a headline, while Lora’s sturdier strokes keep paragraphs even and calm. Playfair also has a fairly large x-height for a display face, so headings read clearly. The mood is classic and romantic without tipping into fussy script.
Where Playfair Display and Lora Work Best
This pair is at home on a wedding website or a save-the-date card, with the couple’s names in Playfair Display and the schedule, venue details and RSVP notes in Lora. On a blog about books, interiors or travel, Playfair gives each post title a magazine cover feel, and Lora carries long essays comfortably.
Weights and Sizes to Use
Use Playfair Display at 700 for headings; the extra weight thickens the hairlines so they survive on screens. Its range is 400 to 900, so you can go to 900 for a hero title. Keep Playfair above roughly 28px, since its thin strokes fade at smaller sizes. Set Lora at 400 for body and 700 for bold, at 17 or 18px with line height around 1.65, and headings at 1.15 to 1.25.
Things to Watch
Do not set Playfair Display for small subheads, captions or buttons; its hairlines break up and it starts to look spindly. Use Lora at 700 for those smaller headings instead. Avoid placing Playfair over busy photographs, where thin strokes vanish. On printed stationery, ask your printer for a proof, because very fine lines can lose definition on textured paper.
Similar Pairings
Pairs with a similar elegant feel, each with its own page.
Playfair Display & Source Sans 3
The best pairings go unnoticed. Readers remember the story, not the fonts, and that is exactly the point.
Cormorant Garamond & Lato
Good type disappears into the reading. The heading sets the tone, and the body font carries the story to the last line.
Bodoni Moda & Jost
A well-made pair feels like one voice in two registers: a confident headline and a calm, even paragraph underneath.