DM Serif Display + Noto Sans JP
Serif heading paired with Sans Serif body — 11 combined styles available.
Live Preview
The Art of Typography
Good typography is invisible. Bad typography is everywhere. The best font pairings create a seamless reading experience that draws the reader in without calling attention to itself. When heading and body fonts complement each other, the content speaks for itself.
CSS Code
/* Heading */
@import url('https://fonts.googleapis.com/css2?family=DM%20Serif%20Display:wght@700&display=swap');
/* Body */
@import url('https://fonts.googleapis.com/css2?family=Noto%20Sans%20JP:wght@400&display=swap');
h1, h2, h3 {
font-family: 'DM Serif Display', serif;
}
body, p {
font-family: 'Noto Sans JP', sans-serif;
}