DM Sans + Lora font pairing

A fresh perspective.

Good typography is invisible until it isn’t. This preview shows DM Sans for headings and Lora for body text.

Why they work together

Flipping the usual serif-for-headings rule, this pairing uses clean DM Sans headings over Lora's brushed, calligraphic serif body text. The result feels contemporary while keeping the warmth of a serif for long-form reading.

How to use this pairing

Set Lora at 18px with a 1.7 line-height and DM Sans headings at 700. Works well with generous margins and a narrow column.

Best for

Personal blogs
Recipe and lifestyle sites
Long-form essays

More pairings for DM Sans and Lora.

Try in the roulette ↗

Share:X LinkedIn Pinterest Facebook

form.Independent creative studio ↗

Strategy. Identity. Digital.

Make something worth remembering.

Good ideas deserve great typography. Find a new perspective, tell your story, and make every word count.

Let’s make something ↗Good people. Bold ideas.

01 / PerspectivesBrand identity · 2026

DM Sans + Lora

CSS

/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=DM+Sans&body=Lora */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Lora&display=swap');

h1, h2, h3 {
  font-family: 'DM Sans', sans-serif;
}

body {
  font-family: 'Lora', serif;
}

Similar font pairings

DM Serif Displaywith DM Sans Space Groteskwith DM Sans Manropewith DM Sans Libre Baskervillewith Source Sans 3 Fraunceswith Inter Work Sanswith Bitter

Browse all font pairings

Start with a little inspiration

Curated pairings for the thing you’re making.