How to Integrate Google Fonts in Your Email Campaign Builder

Modified on Fri, 13 Sep at 7:37 AM

Why Choose Google Fonts?

Google Fonts provide a wide range of options for creating visually appealing and professional-looking emails. With numerous typefaces tailored for readability and aesthetic impact across devices, they enable marketers and designers to align email content with their brand identity. These fonts not only improve the visual quality but also help to communicate more effectively with the audience. Thanks to the hundreds of font families available, Google Fonts make it easy to elevate your email design with professional typography.

Incorporating Google Fonts within your email builder is straightforward. Users can easily browse and select their preferred fonts from the builder's interface, previewing them directly in the email design before applying them. This feature eliminates the need for external tools or coding, streamlining the process of crafting visually engaging emails.


Steps to Use Google Fonts in Your Email Builder


1. Access the Email Builder Begin by navigating to the Email Builder. Go to the "Marketing" tab, then click on "Emails," followed by selecting either "Campaigns" or "Templates."

 Emails

2. Start a New Email or Open an Existing One You can either create a new campaign from scratch or open an existing template. 

Template

3. Choose a Text Element Select the text area within your email where you'd like to apply a Google Font. If there isn’t a text element in your design, drag and drop one to your preferred location and enter your text. 

Text Element

4. Add a New Font In the upper toolbar of the email builder, click on the font selector. A dropdown list of system fonts will appear. To add a Google Font, press the “+ Add Font” button. 

Font Selector

Choose your desired font from the dropdown in the modal window. The font preview will display on the right side of the screen. After selecting your font, click “Add Font” to save your choice.

 Add Font

Your selected font will now be available in the font selector for future use in any email builder.


1. Manage Fonts If you need to manage your fonts, go to the settings section of the campaign by clicking on the "Settings" icon located under "Emails > Campaigns." 

Campaign Settings


From the left-side menu, select the "Fonts" option to access and manage your added fonts.

 Fonts

2. Deleting a Font To remove a font, click the trash icon next to it. If the font is already applied to any text in your email campaign, the text will retain the font styling, but it will be greyed out in the font selector. 

Delete Font

3. Add a New Font Again You can always add a new font by selecting the “Add Font” button in the Fonts section. Once again, pick the desired font from the dropdown, preview it, and then click “Add Font” to save it. 

Add Font



Frequently Asked Questions

  • Q: Can I incorporate any Google Font in my emails?
    Yes, the Email Builder provides access to a vast collection of Google Fonts, all designed for easy use across email platforms.
  • Q: Will Google Fonts slow down my email load time?
    Google Fonts are optimized for the web, including email environments, ensuring that they don’t significantly affect load times.
  • Q: How do I ensure my custom fonts appear the same on different devices?
    The Email Builder automatically adjusts font rendering for different devices, ensuring consistency across platforms.


Troubleshooting Tips

  • Font Display Issues: Ensure the chosen Google Font is supported by major email clients if the fonts appear differently than expected.

  • Loading Delays: Use fonts that balance aesthetics and performance to minimize loading issues.

  • Preview Your Email: Always use the preview tool in the Email Builder to see how your fonts will render across various devices and make adjustments as necessary.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article