Bold font not included (anymore?) in font stylesheet

[improviserenParticipant]

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/

[Victor FontModerator]

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.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[improviserenParticipant]

You are correct about it being Lora, not Leta.
But the font weights of 300 and 600 are provided/set by the Parallax Theme, not by me. (Whereas "bold" is equal to "700" by default.)

[improviserenParticipant]

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.

[Victor FontModerator]

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.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts