Spin, preview, and take beautiful free fonts into your next project.
DM Serif Display + DM Sans font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows DM Serif Display for headings and DM Sans for body text.
Why they work together
Drawn as companions, DM Serif Display and DM Sans share proportions and a low-contrast spirit. The serif adds elegance to headings, and the sans keeps everything else clean.
How to use this pairing
DM Serif Display at 400 is already bold enough for headings. DM Sans 400–500 for body text.
Best for
- Beauty brands
- Boutique e-commerce
- Personal brands
More pairings for DM Serif Display and DM Sans.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=DM+Serif+Display&body=DM+Sans */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans&display=swap');
h1, h2, h3 {
font-family: 'DM Serif Display', serif;
}
body {
font-family: 'DM Sans', sans-serif;
}Similar font pairings
Start with a little inspiration
Curated pairings for the thing you’re making.
Google Font pairings for portfolios ↗
Give your work a distinctive voice with three free font pairings for creative portfolios.
Google Font pairings for SaaS websites ↗
Explore three free, readable font combinations for SaaS landing pages and product interfaces.
Google Font pairings for blogs and editorial sites ↗
Try three free serif and sans-serif combinations for readable articles, newsletters, and magazines.