[Resolved] Website uses different navigation font types

[Matthias]

Hi, I made my website with divi builder and generatepress. Made my navigation with GP and when I go to my static website http://www.insoon.nl or http://www.insoon.nl/blog for example it uses the right navigation but when I view a blog https://www.insoon.nl/standaard-templates-van-themeforest/ it uses another font thickness. I hope you guys could figure it out why my website is using 2 different menu and how I can get the same font as https://www.insoon.nl on my blog pages.

GP Premium 1.7.2

[Tom]

Hi there,

Any chance you can turn off any caching/minifying plugins? It would help to be able to read your source code.

My guess is that you’re missing the 900 variant in “Customize > Typography” for the Google Font you’re using.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Matthias]

Hi I turned of my caching plugin. I thought the same but it didnt work

[Tom]

Here’s the call to Google on the page with the lighter font: //fonts.googleapis.com/css?family=Poppins:300,regular,500,600,700

900 is missing.

On the page with the bolder font, the GP call to Google is the set, but you have another call:

https://fonts.googleapis.com/css?family=Poppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&ver=4.9.8#038;subset=latin,devanagari,latin-ext

That one includes 900, and looks to be coming from Divi.

So the fix is adding 900 as a variant inside your GP settings in the Customizer.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Matthias]

thx, the only problem is I cant select the 900 as a variant typography >> primary navigation >> font family : it let me only select: 300, regular, 500, 600, 700 for the font family

View post on imgur.com

[Tom]

Aha, try adding this function:

add_filter( 'generate_typography_customize_list', function( $fonts ) {
	$fonts['poppins']['variants'][] = 900;

	return $fonts;
} );

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Matthias]

Cool it worked thx !

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts