-
Posts
-
The title font on the App demo looks terrible (check “Lorem ipsum dolor” right under the header image) in Firefox, Internet Explorer and Edge but looks fine in Chrome.
The issue seems to be with the font weight, setting it to anything lower than 600 fixes the problem. Chrome seems to be better at automatically making a font bolder than the other browsers.
The problem seems to stem from the URL used to load the two fonts (Quicksand for titles, Open Sans for text) which only loads multiple weights for the second language (Open Sans) but not for Quicksand.
URL: https://fonts.googleapis.com/css?family=Quicksand%7COpen+Sans:400,600
If I add the weights to Quicksand as well the browsers use the correct font and the text looks great.
Fixed URL: https://fonts.googleapis.com/css?family=Quicksand:400,600%7COpen+Sans:400,600 (added “:400,600” after Quicksand)
Weirdly, the 2017 and Elegant demos both load the two fonts with specified weights (e.g. https://fonts.googleapis.com/css?family=Playfair+Display:400,700%7COpen+Sans:400,600).
The One Page Portfolio also doesn’t define weights for the first font but it still looks fine. So maybe it’s also a problem with the “Quicksand” font.Hey appixag,
Thank you for the info.
You’re right. Only the normal or default font weight is available for the Quicksand font. You can either upload a custom font to the theme.
// https://kriesi.at/documentation/enfold/typography/#toggle-id-17-closed
Or include additional fonts in the theme settings by adding this code in the functions.php file.
add_filter( 'avf_google_heading_font', 'avf_available_google_fonts_mod'); add_filter( 'avf_available_google_fonts', 'avf_available_google_fonts_mod'); function avf_available_google_fonts_mod($fonts) { $fonts['Quicksand New'] = 'Quicksand:400,600&display=swap'; return $fonts; }You can then select the “Quicksand New” font from the font options.
Best regards,
IsmaelHi Ismael
Thanks for your response.
Is there a reason why no other font weights are available for Quicksand if they’re available on Google Fonts? I find it confusing that a ready-made demo for Enfold looks terrible in as many browsers.
Adding it myself is not too much work but I’d prefer having Enfold load the correct weights automatically.
Thanks again.
- You must be logged in to reply to this topic.