Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #777670

    Hi,
    I want to use Google Open Sans Font. By default I am only given weights of 300,600. I want to add 400, 700,800
    How do I do this?

    • This topic was modified 7 years, 8 months ago by Rob.
    #777703

    Hey Rob,

    You can set an element’s font weight to Normal, Bold, or Light under Enfold > Advanced Styling.

    You can also try adding something like the code below to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file.

    h1 { font-weight: 400; }

    Please replace h1 with the element you wish to apply the new font weight to, and also replace the 400 value with what you prefer.

    Please let us know if that helps you with what you’re trying to do.

    Cheers!
    Sarah

    #777705

    Thanks for the Reply Sarah. I don’t see how I can edit weights. I am doing this for the navigation text.

    • This reply was modified 7 years, 8 months ago by Rob.
    #777734

    Hi Rob,

    I see. In that case, please go to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file, and use CSS code like this:

    #top #header .av-main-nav > li > a { font-weight:400;}
    

    If that doesn’t work, or you need help with the actual CSS, please give us the link to the website you’re trying to customize. 

    Best regards,
    Sarah

    #777735

    That didn’t change anything. I checked the code and noticed it only included 300,600 on the google fonts tag.

    • This reply was modified 7 years, 8 months ago by Rob.
    #777761

    Hi,

    Can you try this code instead:

    #top #header .av-main-nav > li > a { font-weight:100 !important;}

    You may also try the solution in this thread: New custom font. The fourth post discusses font weights.

    Best regards,
    Sarah

    #777788

    100 worked, but I want the thicker weight of it.
    I tried font-weight: bold; and didn’t change anything.

    • This reply was modified 7 years, 8 months ago by Rob.
    #778425

    The plugin ‘WP Google Fonts’ fixed the issue for me.

    #778786

    Hi,

    Glad you figured it out!
    Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Add font weights to google fonts’ is closed to new replies.