Variable headers

Customize the weight of main headings to give your publication the right tone and character.

This option is available only for font sets included with the theme or added through Google Fonts library.

Step-by-Step

Go to the 'Code injection' settings in the Ghost Admin and paste this code to the 'Site header':

<style>
:root {
   --font-weight-display: 700;
}
</style>

Many fonts support different font weights, so instead of just using 700, you can specify values like 500, 650, or 900 (any value within the range 100–1000). These ranges vary between fonts, so the only way to be sure is to check them live – the default value used by the theme is 400 or 450, depending on the font.

Click 'Save' to activate.