• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Bold font not included (anymore?) in font stylesheet

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Bold font not included (anymore?) in font stylesheet

This topic is: not resolved

Tagged: bold, font, parallax

  • This topic has 4 replies, 2 voices, and was last updated 4 years, 8 months ago by Victor Font.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 16, 2018 at 5:53 am #219955
    improviseren
    Member

    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
    Victor Font
    Moderator

    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?

    May 16, 2018 at 7:17 am #219961
    improviseren
    Member

    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.)

    May 16, 2018 at 7:29 am #219964
    improviseren
    Member

    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
    Victor Font
    Moderator

    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
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Bold font not included (anymore?) in font stylesheet’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble