> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weltpixel.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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?](https://helpdesk.e-goi.com/403314-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.

![Email Template Editor Google Fonts settings](https://storage.crisp.chat/users/helpdesk/website/-/7/3/4/c/734c82c390acdc00/e4a435b9-0a89-482c-b5ad-c69b02_u17d3m.png)

### 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.

![Send test email](https://storage.crisp.chat/users/helpdesk/website/-/3/5/3/a/353ad12ef5ad9a00/3dcd01bf-2201-4103-822f-0cf8d1_wbo130.png)

### 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:

![Order Received with Akronim font](https://storage.crisp.chat/users/helpdesk/website/-/2/f/c/4/2fc41fcb42cc8800/0443d1b2-0d45-428e-a9ed-7f0929_wd8zcm.png)

---

## 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?](https://helpdesk.e-goi.com/403314-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.