Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1253165
    BjornAndersen
    Participant

    Hi, and first of I would like to tell how much I am beginning to like this theme. Awesome job!

    Now to the problem: (Am using child theme)

    I am trying to add the following google font: Source Sans Pro

    I have tried the following in the functions.php file with no luck:
    add_action(‘wp_head’,’lovers_quarrel’, 1);
    function lovers_quarrel () { ?>
    <link href=”https://fonts.googleapis.com/css?family=Source+Sans+Pro&#8221; rel=”stylesheet”>
    <?php }

    I have tried using @import in css. Both in child and custom. Does not work.
    Along side with this I have tried several other recommendations from the themes forum. Also from other places on the web. It seems like nothing works.

    Also I am noticing when in the customizer, and making changes, it does not seem like it work. Trying to change to font-weight 900, and nothing happens with the header text.

    I need help here 🙂
    Link to dev page: http://www.mjosweb.no/briskebyen_dev/

    #1253339
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! First of all, follow this post (https://community.theme.co/forums/topic/adding-google-fonts-to-child-theme-the-right-way/).

    To check your current setup, we may require your login credentials.

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #1262258
    BjornAndersen
    Participant
    This reply has been marked as private.
    #1262272
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! This is the order of the styling.
    – Stack style
    – Child theme’s style.css
    – Customizer’s custom css
    – Cornerstone’s custom css

    So if you added the Google font in the child theme’s style.css, it must have been overridden with the customizer’s settings. And also you have mentione about font-weight: 900 but the Google font you have added is loading just the normal font. Please update your Google Font code and use this;

    
    @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900');

    Hope this helps. Kindly let us know.

    #1262319
    BjornAndersen
    Participant

    In the settings I have chosen Source Sans Pro (It got added after I added the google font) and it does affect the <p> part of the web page. But it does not seem to effect the h1 – h6 sentences.

    I will make the adjustments to the font weight.

    #1262326
    BjornAndersen
    Participant

    I was able to solve the problem. Thank you for all the help 🙂

    #1262331
    Paul R
    Moderator

    You’re welcome! 🙂

  • <script> jQuery(function($){ $("#no-reply-1253165 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>