DM Serif Display
+ DM Sans
The DM superfamily pairing works flawlessly — same design DNA, different expressions. DM Serif Display for warmth in headlines, DM Sans for clean body text.
Live Preview
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
CSS Code
/* Import */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&display=swap');
/* Heading */
.heading {
font-family: 'DM Serif Display', serif;
font-weight: 400;
}
/* Body */
.body {
font-family: 'DM Sans', sans-serif;
font-weight: 400;
}HTML Import
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&display=swap" />Best for
SaaS, Marketing Sites, Magazines