How Do I Add Custom Fonts to Shopify for Mailchimp?

We did some work with a client in Killarney recently for this so we said why not write the FAQ for it. Mailchimp only allows you to use its own native fonts so its a bit of a pain but the post below should help sort the problem or just contact us and we will be able to help with your Shopify Store Design projects.

If you’re using Shopify with Mailchimp for email marketing, you might want your emails to match your store’s branding—especially when it comes to fonts. Unfortunately, adding custom fonts to emails isn’t always straightforward because email clients have limited font support.

This FAQ explains what’s possible, what isn’t, and how to get your custom fonts as close as possible to your Shopify brand in Mailchimp.

Can I Use Custom Fonts in Mailchimp Emails?

Yes—but with limitations.

Most email clients (like Gmail, Outlook, and Yahoo) do not fully support custom web fonts. That means even if you add a custom font in Mailchimp, some subscribers may still see a fallback font instead.

Mailchimp does allow custom fonts in certain cases, but they will only display correctly in email clients that support web fonts, such as Apple Mail and some iOS devices.

Do Shopify Fonts Automatically Sync with Mailchimp?

No.

Even if your Shopify store uses a custom font, Mailchimp does not automatically inherit those fonts. You must manually add or reference the font within your Mailchimp email template.

What’s the Best Way to Match My Shopify Fonts in Mailchimp?

The most reliable approach is to use web-safe font fallbacks.

Example:

font-family: 'YourCustomFont', Helvetica, Arial, sans-serif;

If the email client supports the custom font, it will display it. If not, it falls back to a safe font.

How Do I Add a Custom Font in Mailchimp?

There are two main methods.

1. Import a Web Font (Advanced Templates)

If you’re editing a custom Mailchimp template, you can import a font in the template’s HTML.

Example:

<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

body {
  font-family: 'Poppins', Arial, sans-serif;
}
</style>

Steps:

1. Open your Mailchimp email template.
2. Switch to the code editor.
3. Add the font import inside the <style> section.
4. Apply the font to your text elements.

2. Use an Image for Headings

Because many email clients block custom fonts, some brands design header text as images.

Example:

• Create a banner or heading in your brand font
• Upload it as an image in Mailchimp

This ensures the font always appears exactly as designed.

Can I Upload Fonts Directly to Mailchimp?

No.

Mailchimp does not allow direct font uploads. Fonts must be referenced through external services like:

• Google Fonts
• Adobe Fonts (less reliable for email)
• Hosted font files

Which Email Clients Support Custom Fonts?

Email client support is inconsistent.

Common support includes:

• Apple Mail
• iOS Mail
• Samsung Mail

Limited or no support:

• Gmail
• Outlook
• Yahoo Mail

This is why fallback fonts are essential.

What’s the Best Practice for Email Fonts?

To keep branding consistent and emails readable:

1. Use your brand font when supported
2. Always include web-safe fallback fonts
3. Use images for critical headings
4. Test emails across multiple clients

Mailchimp’s Inbox Preview tool can help you see how your fonts render across different email platforms.