How do I add a Google Font to my Website?

 
1
0
-1

I'd like to use a font from Google Fonts on my website. How do I do this?

    CommentAdd your comment...

    1 answer

    1.  
      1
      0
      -1

      These instructions are for advanced users. If you need assistance, please open a support ticket so we can help you.

      Here's how to use a Google Font on your RescueGroups.org Website:

      • Go to https://fonts.google.com/
      • Select the font you would like to use. We will use Lato for our example.
      • Copy the following from Google Fonts:
      <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">


      • Then go to RescueGroups.org and click Login.
      • Go to Website > HTML Head
      • Click Edit
      • In the Page Header HTML box, paste the code you copied from Google Fonts
      • Click Save Website Header and Footer

      Next you'll update the stylesheet to use this font.

      • Go to Website > Custom CSS
      • If you want to use Lato for the body text on your website add the following CSS:
      body, td, .standardText, p {
font-family: 'Lato', sans-serif;
}
      • If you want to use Lato for the headings add the following CSS:
      h1, h2, h3, h4, h5, h6, .pageCenterTitle, .contentSectionHeader {
font-family: 'Lato', sans-serif;
}

      Be sure click Save.

      Preview your website in a new browser tab or window to view the changes.

        CommentAdd your comment...