[Resolved] Custom font called but not loaded on Posts page Primary Nav

[Tom]

Here’s the CSS added by Elementor which seems to be working:

@font-face {
	font-family: 'Etelka Headings';
	font-style: normal;
	font-weight: normal;
	src: url('URL TO FILE HERE') format('truetype');
}

Can you try using that in your child theme?

[Alo]

YES! That worked like a charm! Thank you A LOT! Such a simple change though, wish it was as obvious as well. Anyway, still, thanks a lot, Tom and David!

[Tom]

Glad we could help! 🙂

[Aaron Harms]

I just followed the documentation found here:

https://docs.generatepress.com/article/adding-local-fonts/

Following those directions didn’t work for me because I chose to put my @font-face declaration in the Customize > “Additional CSS” field. After I moved the CSS from that field into my child theme’s CSS file, it worked! 🙂

You may want to make a change to the above documentation, stating that it will not work in the “Additional CSS” field.

[Tom]

As long as you use the full URL to the font files, it will work anywhere.

However, if you use the relative URL, then it will need to go in the child theme as you found out 🙂

[Author]

Posts