Skip to main content

Newsletter fonts: compatibility and best practices

Learn how newsletter fonts work in Frontify and how to get consistent results across email clients.

Table of contents


Set the font for your newsletter

To add your font to Newsletter, you need to connect it to the Guideline with that font. The Newsletter uses the main font set for the guideline it is connected to.

Once this is set, that font becomes the default font within the newsletter.

Note: A newsletter is permanently linked to the guideline selected during creation. It cannot later be connected to a different guideline.


Known limitations :

  • Custom font rendering depends on the recipient's email client.

  • Unsupported fonts will automatically fall back to a system font.

  • Font fallback may result in minor layout differences between the newsletter editor and the received email.

Details and ways to work around it below.

Why fonts may not display correctly in Newsletter emails?

Email clients have limited and inconsistent support for custom fonts. This is an industry-wide limitation and is not specific to Frontify.

When an email client does not support the configured font, it automatically displays a fallback system font instead. As a result, the appearance of your newsletter may vary between recipients depending on the email client they use.

Fallback font (depending on recipient's setup) can also lead to minor layout differences, such as:

  • Text wrapping differently

  • Buttons or call-to-action elements appearing compressed

  • Small spacing or alignment changes

  • Differences between the newsletter editor and the received email

Only a small number of email clients support custom fonts in emails:

  • Apple Mail

  • iOS Mail

  • Google Android Mail

  • Samsung Mail

  • Outlook for Mac

  • Outlook App

Many other email clients, including standard Outlook for Windows, do not support custom fonts and will display a fallback system font instead.


Ways to improve font rendering for your Newsletter

Depending on your requirements, there are several ways to achieve more consistent font rendering in newsletters.

1.Use a dedicated guideline for Newsletter + system font

For the best compatibility across email clients, create a dedicated guideline specifically for newsletters and configure a system font as its main font.

Common system fonts include:

  • Arial

  • Verdana

  • Georgia

  • Segoe UI

This approach allows you to:

  • Keep your custom font in your primary brand guideline

  • Use email-safe fonts for newsletters

  • Achieve more consistent rendering across email clients

2.Pre-install the font on recipient devices

For internal newsletters, your IT department can install your brand font on managed employee devices.

This improves consistency for internal recipients but does not affect external recipients who do not have the font installed.

3.Set up the custom font as a web font (for some cases)

If a custom font must be used, make sure it is set up as a web font (WOFF or WOFF2 format) in the connected guideline's main font. The newsletter takes its font from the main font of the connected guideline, so the main font must be a properly configured web font.

Note: Even with a correctly configured web font, rendering is not guaranteed across all email clients due to the industry-wide limitation described above.

For a general overview of creating and managing newsletters in Frontify, see Getting started with newsletters.

Did this answer your question?