Configuring Web Fonts

To configure web fonts:

  1. Go to Commerce > Websites > Configuration.
  2. Select the website and domain where the theme is activated and click Configure.
  3. Go to the theme name subtab.
  4. Go to the Web Fonts subtab.
  5. To enable Google Web Fonts, check the Enable Web Fonts box.
  6. To improve page load when web fonts are loaded, check the Load Web Font Scripts Asynchronously box.
  7. If required, you can add a font style to the Google Families list. To do this:
    1. Go to http://fonts.google.com.
    2. Select the font style you want to use.
    3. Click select this style beside the font style you want to use.
    4. From the pop up that appears, select the Embed subtab.
    5. Copy and paste the bold text from the code sample to the Google Families list on the Configuration record.
    6. Click Add.
    7. Repeats steps 2 to 6 for each font style you want to add.NoteAdding font styles to the Google Families list loads the font, but does not apply it. To apply a font, you must copy the font-family from the Google site and paste it into the specific font-family field under Theme Settings.
  8. When you are finished making changes, click Save.
Google Font Familes Embed subtab
ItemDescription
1Copy and paste this code sample into the Configuration record.
2Copy and paste this text into the specific font-family field under Theme Settings

Leave a comment

Your email address will not be published. Required fields are marked *