A heading in DM Sans
And the text under it in Playfair Display, 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
serif · v40
Designed by Claus Eggers Sørensen
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.
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.
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.
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.
@font-face {
font-family: "Playfair Display";
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-eIw2aTe54daHavGiBUeDMN9SiosN3q5uI4UASs2J59iv0Rje8ZTBs6dq/jw8WKEI
OFL-1.1 · Licence and source files
https://github.com/google/fonts
Scripts: cyrillic, latin, latin-ext, vietnamese
Weights: 400, 500, 600, 700, 800, 900 · Styles: italic, normal
A heading in the other face over Playfair Display for the text, chosen by contrast of form, x-height and era. Suggestions, not rules.
A heading in DM Sans
And the text under it in Playfair Display, 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
A heading in Fira Code
And the text under it in Playfair Display, 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 Playfair Display, the way a reader meets them together on a page.
Abril Fatface · contrasting display and serif forms