Sans-serif typeface

DM Sans

Try your own text
DM Sans — The quick onyx goblin jumps over the lazy dwarf.
Instant CSS
About this font

DM Sans is a sans-serif family with a broad weight range and both normal and italic styles. Its clean, adaptable structure can support everyday interface text, headings, and other layouts where consistency and flexible hierarchy matter. The variable format also allows more precise weight adjustments than a fixed selection alone.

Best suited for: Use DM Sans for websites, apps, dashboards, presentations, and editorial layouts that need clear text at several sizes. Regular and medium weights can handle reading and labels, while heavier settings can distinguish headings, navigation, buttons, or short promotional messages without changing the family.

Design considerations: The nine weights, from 100 through 900, make it possible to build gentle contrast or a more pronounced hierarchy. Lighter settings may suit spacious display work, while the middle range is a sensible place to begin for body copy and interface text. Bold and black weights are best reserved for emphasis, titles, and compact callouts. Italics add a useful secondary voice.

Pairing guidance: For contrast, combine DM Sans with a serif that has recognizable details and comfortable reading proportions, especially in longer editorial text. A restrained monospace can also work for code, data, or technical labels. If using another sans-serif, choose one with noticeably different width or construction, and let DM Sans lead either the text or the headings rather than assigning equal emphasis to both.

Font pairing ideas

Fonts that pair well with DM Sans

Explore complementary typefaces for headings, body copy, accents, and interface text.

BIZ UDMincho
Aa
Serif · 2 weights
Baloo Chettan 2
Aa
Display · 5 weights
Castoro
Aa
Serif · 1 weight
Big Shoulders Inline Display
Aa
Display · 9 weights
Cutive
Aa
Serif · 1 weight