I'm stuck trying to use custom Fonts

Having downloaded the Fitness project and got that working nicely, I’m now trying to update the fonts it uses. I’m trying to use Silka for the headings and Poppins for the body text. I have loaded .woff2 versions of both fonts into resources. When I couldn’t get that to work I also loaded a .ttf version of poppins to resources. What I’m finding difficult is how do I assign the custom font to the body and to the heading? These fields seem to be greyed out and it is impossible to change anything in the theme (set to System) settings. I thought I would be able to change the font names that appear next to ‘body’ and ‘heading’ but no joy. What am I missing please?

Right click on heading and it will say override heading once that is done,

Assign the font family you want for that font. The same for the body.

1 Like

Thanks Steve. I did what you suggested and it then let me enter the name I had assigned to the font in resources but it’s still not showing the right font after publishing/clearing cache etc. Does it have to be a .ttf file do you know?

seems it needs to be .woff file format.

I have it working now (I think). The font looks visually right in a browser but Inspect Element shows some weird results!