Variable headers

Customize the variable font weight used by Tozan’s large display headings. This advanced styling option helps you make hero titles and major section headings feel lighter, stronger, or more expressive while keeping the theme’s typography system intact.

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.