A heading in Abril Fatface
And the text under it in Josefin Sans, the way a reader meets them together on a page.
Abril Fatface · contrasting display and sans-serif forms; different x-height
sans-serif · v34
Designed by Santiago Orozco
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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
@font-face {
font-family: "Josefin Sans";
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-dnO5dwLeQGRECJGM/PT1eRqKbkQTCefJr96a9obMYjlDnlpYSmCqZYnA3n2LxpXU
OFL-1.1 · Licence and source files
https://github.com/google/fonts
Scripts: latin, latin-ext, vietnamese
Weights: 100, 200, 300, 400, 500, 600, 700 · Styles: italic, normal
A heading in the other face over Josefin Sans 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 Josefin Sans, the way a reader meets them together on a page.
Abril Fatface · contrasting display and sans-serif forms; different x-height
A heading in Cormorant Garamond
And the text under it in Josefin Sans, the way a reader meets them together on a page.
Cormorant Garamond · contrasting serif and sans-serif forms; different x-height
A heading in Dancing Script
And the text under it in Josefin Sans, the way a reader meets them together on a page.
Dancing Script · contrasting handwriting and sans-serif forms; different x-height