A heading in Abril Fatface
And the text under it in Fira Code, the way a reader meets them together on a page.
Abril Fatface · contrasting display and monospace forms; different x-height; classic and modern character
monospace · v27
Designed by The Mozilla Foundation, Telefonica S.A., Nikita Prokopov
@font-face {
font-family: "Fira Code";
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-8yWSvZzF1qfjfXS1YbHQUZEefwH+Xr7wHeqdaG0dWfVTJyqZrzfkxNN1K9Sn1WFG
OFL-1.1 · Licence and source files
https://github.com/google/fonts
Scripts: cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext, symbols2
Weights: 300, 400, 500, 600, 700 · Styles: normal
A heading in the other face over Fira Code for the text, chosen by contrast of form, x-height and era. Suggestions, not rules.
A heading in Abril Fatface
And the text under it in Fira Code, the way a reader meets them together on a page.
Abril Fatface · contrasting display and monospace forms; different x-height; classic and modern character
A heading in Cormorant Garamond
And the text under it in Fira Code, the way a reader meets them together on a page.
Cormorant Garamond · contrasting serif and monospace forms; different x-height; classic and modern character
A heading in Dancing Script
And the text under it in Fira Code, the way a reader meets them together on a page.
Dancing Script · contrasting handwriting and monospace forms; different x-height; classic and modern character