A heading in DM Sans
And the text under it in Abril Fatface, the way a reader meets them together on a page.
DM Sans · contrasting sans-serif and display forms; different x-height; classic and modern character
display · v25
Designed by TypeTogether
The quick brown fox jumps over the lazy dog.
@font-face {
font-family: "Abril Fatface";
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-wpDjVWX1raklpoCthpT+SqPotxqGYsT8rnl9vOxxtp35U2RCo75d5JEHgDqOl7YV
OFL-1.1 · Licence and source files
https://github.com/google/fonts
Scripts: latin, latin-ext
Weights: 400 · Styles: normal
A heading in the other face over Abril Fatface 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 Abril Fatface, the way a reader meets them together on a page.
DM Sans · contrasting sans-serif and display forms; different x-height; classic and modern character
A heading in Fira Code
And the text under it in Abril Fatface, the way a reader meets them together on a page.
Fira Code · contrasting monospace and display forms; different x-height; classic and modern character
A heading in Cormorant Garamond
And the text under it in Abril Fatface, the way a reader meets them together on a page.
Cormorant Garamond · contrasting serif and display forms