Skip to content
Marketing

How to Add Google Fonts in Email Templates and Campaigns

Ensure consistency with your websites' typography by adding Google fonts to your emails. This option provides better design options to elevate your…

1 min read225 words6 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.

Ensure consistency with your websites' typography by adding Google fonts to your emails. This option provides better design options to elevate your emails.

Video 1 Open in a new tab

Things to know before you start adding google fonts to your email.

Using Google Fonts can help make sure that your emails look like they belong with your website or online store. But not all devices and email services will show these fonts the same way.

Here are some email services where Google Fonts might not work well:

  • Gmail on the web, iPhone, Android, and the web browser version
  • Outlook on Macs, iPhones, Android phones, and Outlook.com
  • Yahoo Mail
    How to Use It:
  • Navigate to the email builder section of our platform. Open an existing email campaign or template, or start a new one.
    Step 1 of 2: Navigate to the email builder section of our platform. Open an… What this shows Step 1 of 2: Navigate to the email builder section of our platform. What this shows Shows where to go for step 1 of 2 in "How to Add Google Fonts in Email Templates and Campaigns". This screenshot accompanies step 1 of 2 in "How to Add Google Fonts in Email Templates and Campaigns". At this point in the walkthrough you navigate to the email builder section of our platform. Open an existing email campaign or template, or start a new one. This part of the guide covers 2 fields, listed below. The next step is to select a text element within your design and c hoose the font selector option. Click on "Add fonts.". Step 1 of 2Image 1 of 6 Where to goNavigate to the email builder section of our platform. Open an existing email campaign or template, or start a new one.
    Fields in this part of the guide Outlook on Macs, iPhones, Android phones, and Outlook.comYahoo Mail How to Use It:
    Buttons and menus referenced "Add fonts."Add font
    Next stepSelect a text element within your design and c hoose the font selector option. Click on "Add fonts."
    All 2 steps in this procedure
    1. Navigate to the email builder section of our platform. Open an existing email campaign or template, or start a new one. this image
    2. Select a text element within your design and c hoose the font selector option. Click on "Add fonts."
  • Select a text element within your design and choose the font selector option. Click on "Add fonts."
    Step 2 of 2: Select a text element within your design and c hoose the font selector… What this shows Step 2 of 2: Select a text element within your design and c hoose the font selector option. What this shows Shows what to choose for step 2 of 2 in "How to Add Google Fonts in Email Templates and Campaigns". This animation accompanies step 2 of 2 in "How to Add Google Fonts in Email Templates and Campaigns". At this point in the walkthrough you select a text element within your design and c hoose the font selector option. Click on "Add fonts.". This part of the guide covers 2 fields, listed below. Step 2 of 2Image 2 of 6 What to chooseSelect a text element within your design and c hoose the font selector option. Click on "Add fonts."
    Fields in this part of the guide Outlook on Macs, iPhones, Android phones, and Outlook.comYahoo Mail How to Use It:
    Buttons and menus referenced "Add fonts."Add font
    All 2 steps in this procedure
    1. Navigate to the email builder section of our platform. Open an existing email campaign or template, or start a new one.
    2. Select a text element within your design and c hoose the font selector option. Click on "Add fonts." this image
  • Select the desired font from the drop down in the modal.
    Step 1 of 1: Select the desired font from the drop down in the modal What this shows Step 1 of 1: Select the desired font from the drop down in the modal. What this shows Shows what to choose for step 1 of 1 in "How to Add Google Fonts in Email Templates and Campaigns". This screenshot accompanies step 1 of 1 in "How to Add Google Fonts in Email Templates and Campaigns". At this point in the walkthrough you select the desired font from the drop down in the modal. This part of the guide covers 2 fields, listed below. Step 1 of 1Image 3 of 6 What to chooseSelect the desired font from the drop down in the modal.
    Fields in this part of the guide Outlook on Macs, iPhones, Android phones, and Outlook.comYahoo Mail How to Use It:
    Buttons and menus referenced "Add fonts."Add font
  • Select the desired font and save it by clicking on "Add font".
  • The font will now be available in the font selector for every builder.
    Step 1 of 1: The font will now be available in the font selector for every builder What this shows Step 1 of 1: The font will now be available in the font selector for every builder. What this shows Shows what this covers for step 1 of 1 in "How to Add Google Fonts in Email Templates and Campaigns". This animation accompanies step 1 of 1 in "How to Add Google Fonts in Email Templates and Campaigns". At this point in the walkthrough you the font will now be available in the font selector for every builder. This part of the guide covers 2 fields, listed below. Step 1 of 1Image 4 of 6 What this coversThe font will now be available in the font selector for every builder.
    Fields in this part of the guide Outlook on Macs, iPhones, Android phones, and Outlook.comYahoo Mail How to Use It:
    Buttons and menus referenced "Add fonts."Add font
  • Additionally, the font can be managed from the settings page. Settings is located under Campaigns Tab. 
    Step 1 of 2: Additionally, the font can be managed from the settings page. Settings… What this shows Step 1 of 2: Additionally, the font can be managed from the settings page. What this shows Shows what this covers for step 1 of 2 in "How to Add Google Fonts in Email Templates and Campaigns". This screenshot accompanies step 1 of 2 in "How to Add Google Fonts in Email Templates and Campaigns". At this point in the walkthrough you additionally, the font can be managed from the settings page. Settings is located under Campaigns Tab. This part of the guide covers 2 fields, listed below. The next step is to to delete a font, simply click on "Delete" from settings. To add a font from settings, click on the "Add font" section and follow same process. Step 1 of 2Image 5 of 6 What this coversAdditionally, the font can be managed from the settings page. Settings is located under Campaigns Tab.
    Fields in this part of the guide Outlook on Macs, iPhones, Android phones, and Outlook.comYahoo Mail How to Use It:
    Buttons and menus referenced "Add fonts."Add font
    Next stepTo delete a font, simply click on "Delete" from settings. To add a font from settings, click on the "Add font" section and follow same process.
    All 2 steps in this procedure
    1. Additionally, the font can be managed from the settings page. Settings is located under Campaigns Tab. this image
    2. To delete a font, simply click on "Delete" from settings. To add a font from settings, click on the "Add font" section and follow same process.
  • To delete a font, simply click on "Delete" from settings. To add a font from settings, click on the "Add font" section and follow same process.
    Step 2 of 2: To delete a font, simply click on "Delete" from settings. To add a… What this shows Step 2 of 2: To delete a font, simply click on "Delete" from settings. What this shows Shows what to click for step 2 of 2 in "How to Add Google Fonts in Email Templates and Campaigns". This animation accompanies step 2 of 2 in "How to Add Google Fonts in Email Templates and Campaigns". At this point in the walkthrough you to delete a font, simply click on "Delete" from settings. To add a font from settings, click on the "Add font" section and follow same process. This part of the guide covers 2 fields, listed below. Step 2 of 2Image 6 of 6 What to clickTo delete a font, simply click on "Delete" from settings. To add a font from settings, click on the "Add font" section and follow same process.
    Fields in this part of the guide Outlook on Macs, iPhones, Android phones, and Outlook.comYahoo Mail How to Use It:
    Buttons and menus referenced "Add fonts."Add font
    All 2 steps in this procedure
    1. Additionally, the font can be managed from the settings page. Settings is located under Campaigns Tab.
    2. To delete a font, simply click on "Delete" from settings. To add a font from settings, click on the "Add font" section and follow same process. this image

Was this guide helpful?

Related guides

@Mention or Tag Profile in Posts from Social Planner2 min read · 4 imagesAdd Location Tagging to Social Post1 min read · 9 imagesAdd Pinterest Pins in Social Planner4 min read · 8 imagesSocial Planner - How to Add Multiple Watermarks4 min read · 8 images