A heading in DM Sans
And the text under it in Roboto Slab, the way a reader meets them together on a page.
DM Sans · contrasting sans-serif and serif forms; different x-height; classic and modern character
serif · v36
Designed by Christian Robertson
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: "Roboto Slab";
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-8jbBGEUvybflDyOzrH9bExjVKMnrgI5Pno4lP5PVxiesK+IBAmy3bUnJqitpZlBu
Apache-2.0 · Licence and source files
https://github.com/google/fonts
Scripts: cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext, vietnamese
Weights: 100, 200, 300, 400, 500, 600, 700, 800, 900 · Styles: normal
A heading in the other face over Roboto Slab 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 Roboto Slab, the way a reader meets them together on a page.
DM Sans · contrasting sans-serif and serif forms; different x-height; classic and modern character
A heading in Fira Code
And the text under it in Roboto Slab, the way a reader meets them together on a page.
Fira Code · contrasting monospace and serif forms; different x-height; classic and modern character
A heading in Abril Fatface
And the text under it in Roboto Slab, the way a reader meets them together on a page.
Abril Fatface · contrasting display and serif forms