Magento 2 - Using Google Fonts in Email Templates

Some email clients support web fonts (including Google Fonts). A common example is Mozilla Thunderbird. While most clients still do not support web fonts (including Gmail, Yahoo, and Outlook — see this reference on client support: Can I use Google Fonts in my email?), you may still want to enable them for users on compatible clients. Here’s how to set this up in Magento 2.

Prerequisites

To use Google Fonts in Magento Email Templates, install the Enhanced Email Template Editor extension.

If you use the Pearl Theme Professional Pack, this extension is included.

• Enhanced Email Template Editor: https://www.weltpixel.com/magento-2-email-template-editor-with-gmail-markup-support.html
• Pearl Theme Professional Pack: https://www.weltpixel.com/magento-2-theme-pearl

Enable Google Fonts in Email Template Editor

Step 1

In the Magento Admin, go to WeltPixel → Email Template Editor → Email Template Editor Settings.

Step 2

Expand the text type(s) to enable Google Fonts for (H1, H2, H3, Paragraph).

Set Use Google Fonts to Yes, then choose the Google Font Family you want to apply.

Step 3

Save the configuration and flush Magento Cache (from Cache Management) to ensure the font is applied for supported clients.

Test the Google Font

Step 1

Install a compatible client such as Mozilla Thunderbird (https://www.thunderbird.net/en-US/).

In Admin, go to Marketing → Communications → Email Templates, then edit an existing template.

Use the Save and Send Test Email feature to send a test to your address. You’ll see a confirmation prompt after sending.

Step 2

Open the email in Thunderbird (or another web font–compatible client).

Ensure external content is allowed. You should see the chosen Google Font applied to the text type(s) you enabled.

Below is an example of the Order Received email in Thunderbird using the Akronim font on H1 and Paragraph:

Important Notes

• Client support varies. Most major providers (e.g., Gmail, Yahoo, Outlook) do not render web fonts; those clients will fall back to system fonts. See: Can I use Google Fonts in my email?
• Always define fallback fonts (e.g., font-family: "Akronim", Arial, sans-serif;) to ensure consistent rendering where web fonts aren’t supported.

Updated on: 17/09/2025