Skip to content
Font Roulette

Spin, preview, and take beautiful free fonts into your next project.

DM Sans font pairings

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

A low-contrast geometric sans with clean, friendly shapes and an optical size axis. It is compact enough for UI labels and warm enough for marketing copy.

Category
Sans-serif
Source
Google Fonts
Designer
Colophon Foundry
Best for
headings and body text

Fonts that go with DM Sans

Space Grotesk + DM Sans

A fresh perspective

Space Grotesk's quirky terminals and geometric skeleton give headings a technical personality, and DM Sans keeps body text calm and friendly. Both share low contrast and similar proportions, so the pairing feels cohesive rather than clashing.

Try in the roulette ↗

Manrope + DM Sans

A fresh perspective

Manrope is a variable grotesque with semi-condensed proportions that keeps headlines compact, while DM Sans adds a softer, more approachable tone to body copy. It's a minimal pairing that won't distract from product screenshots.

Try in the roulette ↗

DM Sans + Lora

A fresh perspective

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.

Try in the roulette ↗

Fraunces + DM Sans

A fresh perspective

Fraunces's serifs give headlines a classic, editorial voice, while DM Sans's cleaner sans-serif shapes keep paragraphs and UI text easy to scan.

Try in the roulette ↗

Good uses for DM Sans

  • Product interfaces
  • Landing pages
  • Mobile apps

DM Sans CSS

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

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

Fonts similar to DM Sans

Browse all fonts · Curated font pairings

Start with a little inspiration

Curated pairings for the thing you’re making.