Playfair Display + Lora
Playfair Display's dramatic contrast pairs naturally with Lora's calligraphic warmth for a literary, print-inspired feel. Great for: Editorial sites, blogs & magazines.
A heading that sets the tone
Body text needs to disappear into the reading experience rather than compete with it. This paragraph is set in Lora at a comfortable line height, so you can judge how the two fonts sit together across real sentences rather than a single line of type.
CSS
h1, h2, h3 {
font-family: 'Playfair Display', cursive;
font-weight: 700;
}
body, p {
font-family: Lora, serif;
font-weight: 400;
line-height: 1.6;
}