Skip to main content

Adding Google Fonts to Your Email Templates and Campaigns in Stack

Enhance the visual appeal of your emails by incorporating Google Fonts, ensuring consistency with your website's typography. This feature offers a wider range of design options to elevate your email communications.

Important Considerations​

While using Google Fonts can help your emails align with your website or online store's style, it's important to note that not all devices and email services will display these fonts consistently. Here are some platforms where Google Fonts may not render as expected:

  • Gmail: Web, iPhone, Android, and browser versions
  • Outlook: On Mac, iPhone, Android, and Outlook.com
  • Yahoo Mail

How to Add Google Fonts​

Follow these steps to incorporate Google Fonts into your email designs:

  1. Access the Email Builder
    Navigate to the email builder section within Stack.

  2. Open or Create an Email
    You can either open an existing email campaign or template, or start a new one.

  3. Select a Text Element
    Click on the text element within your design where you want to apply the Google Font.

  4. Choose the Font Selector
    Use the font selector option to begin the process of adding a new font.

  5. Add a New Font

    • Click on "Add fonts."
    • In the modal that appears, select your desired font from the dropdown menu.
    • Confirm your choice by clicking "Add font."

Once added, the font will be available in the font selector for all your email designs.

Managing Fonts​

You can manage your fonts directly from the settings page:

  • Delete a Font: Simply click on "Delete" next to the font you wish to remove.
  • Add a Font from Settings: Click on the "Add font" section and follow the same process as above to add a new font.

By following these steps, you can ensure that your emails not only look great but also maintain a consistent style with your overall brand.