Archived topic
Website uses different navigation font types
7 replies · Started by Matthias on October 23, 2018
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.
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.
Hi I turned of my caching plugin. I thought the same but it didnt work
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.
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
Aha, try adding this function:
add_filter( 'generate_typography_customize_list', function( $fonts ) {
$fonts['poppins']['variants'][] = 900;
return $fonts;
} );Cool it worked thx !
You're welcome :)
