Navigation
Archive / Google Fonts
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 7, 2017 at 8:09 pm #1362181
    Valerie M
    Participant

    Do I have to import Google fonts into the head of the theme each time I want to use one for a paragraph or blockquote?

    I thought since Google fonts works in the customizer then it would work when in the CSS or inline style. Is this not true?

    If it’s suppose to work the blockquote isn’t showing the font correctly on this page http://rachelbushyoga.com/about/. Please let me know. Thank you!

    February 8, 2017 at 1:23 am #1362422
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! You only have to import a font once.

    @import url(‘https://fonts.googleapis.com/css?family=Your+Custom+Font+Name’);

    Then you could just use this css at your child theme’s style.css or Customizer, Custom > CSS area.

    .x-blockquote {
font-family : "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif!important; 
}

    Just replace “Lato”, “Helvetica Neue”, Helvetica, Arial, sans-serif with your font.

    Hope that helps.

    February 9, 2017 at 3:22 pm #1364819
    Valerie M
    Participant

    Ok, so I do have to import and I am guessing that also means making a child theme in order to add the font to the <head> of the theme in editor? Or is there another way to import this:
    <style>
    @import url(‘https://fonts.googleapis.com/css?family=Open+Sans&#8217;);
    </style>

    February 9, 2017 at 3:32 pm #1364835
    Valerie M
    Participant

    I just installed the child theme, but there is no header.php in the appearance>editor section. Do I just add to the stylesheet?

    February 9, 2017 at 3:43 pm #1364852
    Valerie M
    Participant

    Still not seeing the changes http://rachelbushyoga.com/about/.

    February 9, 2017 at 9:18 pm #1365333
    Friech
    Moderator

    Hi There,

    Let me clarify about the Customizer first. Customizer will only request the Google font that you set on any of the options. If you dont have any Dancing Script set on any of those options then it won’t be requested, with that said you need to request the Dancing Script manually.

    Yes, the @import code below need to be place inside the <head> tag.

    <style>
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
</style>

    But much easier and practical if you just add the @import line on the child theme’s style.css file:

    @import url('https://fonts.googleapis.com/css?family=Dancing+Script');

    Yes, no <style> tag. Just the @import line only.

    Hope it helps, Cheers!

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