A heading in DM Sans
And the text under it in Noto Serif, the way a reader meets them together on a page.
DM Sans · contrasting sans-serif and serif forms; different x-height; classic and modern character
← All fonts
serif · v33
Noto Serif
Designed by Google
Every style 18
100WOFF2
The quick brown fox jumps over the lazy dog.
200WOFF2
The quick brown fox jumps over the lazy dog.
300WOFF2
The quick brown fox jumps over the lazy dog.
400WOFF2
The quick brown fox jumps over the lazy dog.
500WOFF2
The quick brown fox jumps over the lazy dog.
600WOFF2
The quick brown fox jumps over the lazy dog.
More styles (12)
700WOFF2
The quick brown fox jumps over the lazy dog.
800WOFF2
The quick brown fox jumps over the lazy dog.
900WOFF2
The quick brown fox jumps over the lazy dog.
100 italicWOFF2
The quick brown fox jumps over the lazy dog.
200 italicWOFF2
The quick brown fox jumps over the lazy dog.
300 italicWOFF2
The quick brown fox jumps over the lazy dog.
400 italicWOFF2
The quick brown fox jumps over the lazy dog.
500 italicWOFF2
The quick brown fox jumps over the lazy dog.
600 italicWOFF2
The quick brown fox jumps over the lazy dog.
700 italicWOFF2
The quick brown fox jumps over the lazy dog.
800 italicWOFF2
The quick brown fox jumps over the lazy dog.
900 italicWOFF2
The quick brown fox jumps over the lazy dog.
Use this font
@font-face {
font-family: "Noto Serif";
src: url("https://cdn.jsdelivr.net/fontsource/fonts/[email protected]/latin-400-normal.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}Download the regular WOFF2SHA-384 integrity: sha384-mErvIjhu9VEDQVGNFT+/Ax8p/AQ8jA03O3yWHCu9Gbkds3UzFuAaOPJgshiPzsOZ
Licence and source
OFL-1.1 · Licence and source files
https://github.com/google/fonts
Scripts: cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext, math, vietnamese
Weights: 100, 200, 300, 400, 500, 600, 700, 800, 900 · Styles: italic, normal
Suggested pairings
A heading in the other face over Noto Serif for the text, chosen by contrast of form, x-height and era. Suggestions, not rules.
A heading in Fira Code
And the text under it in Noto Serif, the way a reader meets them together on a page.
Fira Code · contrasting monospace and serif forms; different x-height; classic and modern character
A heading in Abril Fatface
And the text under it in Noto Serif, the way a reader meets them together on a page.
Abril Fatface · contrasting display and serif forms