Typography

Bundled with the theme come two sample web font sets. It is not recommended to use Google web fonts any longer due to GDPO concerns.

Installed web fonts

Source Sans 3 and Robo Slab are modern variable font sets. When using variable font files you don't need to load individual font-weights and variants as individual fonts, but the fonts are created when rendered by the browser. There is a lot more that you can do with variable web fonts.

Of course you can change the fonts that you want to use with the theme. In order to do that, download a font bundle and include it into your page layout. The easiest way is by adding a CSS file that contains all the necessary links.

You can use tools like Web Font Loader to download free web fonts.

Responsive font stack

By default the theme uses a formula to calculate responsive font sizes, depending on the screen width. If you don't like this behaviour, you can change it accordingly in the CSS.

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6

Font-weight 100: Lorem ipsum dolor sit amet

Font-weight 200: Lorem ipsum dolor sit amet

Font-weight 300: Lorem ipsum dolor sit amet

Font-weight 400: Lorem ipsum dolor sit amet

Font-weight 500: Lorem ipsum dolor sit amet

Font-weight 600: Lorem ipsum dolor sit amet

Font-weight 700: Lorem ipsum dolor sit amet

Font-weight 800: Lorem ipsum dolor sit amet

Font-weight 900: Lorem ipsum dolor sit amet