May 16, 2018 at 5:53 am #219955
On my site I use the Leta font as the regular/content font. However, I noticed that all bold text looked kinda ragged (i.e. as if it has been badly photocopied). Some googling brought me to this page: https://www.smashingmagazine.com/2012/07/avoiding-faux-weights-styles-google-web-fonts/ And because if it, I noticed that in the font stylesheet declaration in the head of all Theme pages, the bold font is not included:
<link rel='stylesheet' id='parallax-frame-web-font-css' href='//fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic%7cLora:300,300italic,regular,italic,600,600italic&subset=latin' type='text/css' media='all' />
As a result of that, a faux bold is used, which looks ragged.
I cannot find a way to force the Parallax theme to include this font subset.
How can I fix this?https://durfteimproviseren.nl/May 16, 2018 at 7:10 am #219957
First, the font declaration in your example above does not show the Leta font as you mention in your post. The two fonts in that declaration are Open Sans and Lora.
These are not the fonts that are used in Parallax Pro as delivered. The fonts used in Parallax Pro are Montserrat and Sort Mills Goudy. You'll find where they are enqueued in functions.php around line 36.
You have the wrong font weights in the Lora font call. Lora does not have weights of 300 and 600 from Google. The weights Google provides are 400 and 700 (bold).
You are also using lighter weights for Open Sans as well. I would change them to 400 and 700, too.
May 16, 2018 at 7:17 am #219961May 16, 2018 at 7:29 am #219964
And if I use the Chrome Developer tools to (manually, and temporarily) change the "600" in the font stylesheet line that Parallax includes, to "700", the page looks fine again.May 16, 2018 at 7:35 am #219965
I have Parallax Pro installed in my development environment. I also used Parallax Pro as my site theme for the past few years. The default fonts are Montserrat and Sort Mills Goudy, not Open Sans and Lora.
I also looked deeper into the source code on your site. You are not using the Studio Press Parallax Pro theme that is based on the Genesis Framework. You are using this theme: https://catchthemes.com/themes/parallax-frame-pro/
This is not the right forum for your questions because it has nothing to do with Studio Press themes or the Genesis Framework. You need to go directly to your theme developer's support system for help. We can only help you with the Genesis Framework and Studio Press themes.
I'm closing this thread to further comments.
The topic ‘Bold font not included (anymore?) in font stylesheet’ is closed to new replies.