Safe fonts in emails

These are fonts that are universally supported and render consistently across different platforms and devices

Dom Yeadon avatar
Written by Dom Yeadon
Updated over a week ago

When building HTML email templates you can choose from nine built-in fonts. These can be shown or hidden in Establishment Card > Brand Fonts. So you might only choose to show 'Arial' and 'Georgia' so your email designers stay with just those fonts.

When addressing concerns about using custom fonts in HTML emails within the Template Builder app, it’s important to understand the challenges and limitations related to font compatibility across different email clients like Outlook, Gmail, or Apple Mail.

  • Technical Compatibility: Different email clients support a limited set of fonts. This is primarily because each email client renders HTML and CSS in its own unique way. While web browsers have evolved to support a wide range of fonts, email clients have not kept pace. This inconsistency means a custom font might appear as intended in one client (like Apple Mail) but default to a standard font in another (like Outlook).

  • Email Software Limitations: Email clients, unlike web browsers, come with a predefined set of ‘web-safe’ fonts. These are fonts that are universally supported and render consistently across different platforms and devices. When an email client encounters a custom font, it may not have the capability to correctly display it, leading to unpredictability in how your email appears to the recipient.

  • Why Bigger Email Builders Might Offer More Options: Some larger email builders have developed workarounds, such as using images to display text in a specific font or employing complex coding techniques. However, these methods come with their own set of drawbacks, such as increased email size, potential issues with email deliverability, and accessibility concerns.

  • Our Approach and Recommendations: In our app Template Builder (TPB), we’ve chosen to prioritise reliability and consistency by offering a list of nine universally supported fonts. This approach ensures that emails appear as intended across all email clients, providing a uniform experience for all recipients. While custom fonts can add a unique touch, they pose significant risks in terms of compatibility and consistency. Therefore, we recommend sticking with the built-in safe fonts to ensure the best possible outcome for your email campaigns.

FAQs

Q. What about Web Fonts?

A. No can do. Web Fonts were originally built for use on web pages, these are not safe and may render unpredictably.

Data source: Litmus (excellent email testing platform)

*(ish? Some of the web fonts were showing up but it may be that the fonts were loaded on the computer)

**(Google overrides fonts – default on Android is Roboto, on iOS looks like Helvetica)

***(Fonts overridden – Roboto is default sans-serif)

****(ish. Liked Roboto, so there’s limited support of very specific web fonts – probably specific ones from Google Fonts, possibly only Roboto since it’s Google’s default)

Did this answer your question?