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