A heading in Abril Fatface
And the text under it in Ubuntu, the way a reader meets them together on a page.
Abril Fatface · contrasting display and sans-serif forms; different x-height
← All fonts
sans-serif · v21
Ubuntu
Designed by Dalton Maag
Every style 8
300WOFF2
The quick brown fox jumps over the lazy dog.
400WOFF2
The quick brown fox jumps over the lazy dog.
500WOFF2
The quick brown fox jumps over the lazy dog.
700WOFF2
The quick brown fox jumps over the lazy dog.
300 italicWOFF2
The quick brown fox jumps over the lazy dog.
400 italicWOFF2
The quick brown fox jumps over the lazy dog.
Use this font
@font-face {
font-family: "Ubuntu";
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-jGsKWVoTkCuJGW0HOJgSCbQQtkTaHgnKbzKERY4HBWzy6WWCGvTYfvkugA578CAT
Licence and source
UFL-1.0 · Licence and source files
https://github.com/google/fonts
Scripts: cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext
Weights: 300, 400, 500, 700 · Styles: italic, normal
Suggested pairings
A heading in the other face over Ubuntu for the text, chosen by contrast of form, x-height and era. Suggestions, not rules.
A heading in Cormorant Garamond
And the text under it in Ubuntu, 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 Ubuntu, the way a reader meets them together on a page.
Dancing Script · contrasting handwriting and sans-serif forms; different x-height