Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

In this example, we will use the font Dancing Script and apply it to our Heading 2 (H2) tag.

  1. To view Google Fonts, go to https://fonts.google.com/

  2.  Choose your font(s) and select your styles.

  3. For your Selected families, click

     

    Embed

     

    and copy the

     

    Link

     

    code they provide

    For example:

    Code Block
    <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>


    Image Modified.

Adding the font code to your website

  1. Go to Website > HTML Head, click Edit

  2.  Next to Page Header HTML, paste the embed link you copied from Google.

  3. Click Save Website Header and Footer

  4. Next, go to Rescuegroups.org (login) >Website > Custom CSS.Here you will add your custom styles using the Google Font.

...