Mailmodo 0ff833fbTry Mailmodo for Free↗️Login Mailmodo↗️

No results

Help CenterEditor and TemplatesBest Practices and FAQsFont selection in email template

Font selection in email template

Last updated February 17, 2024

Typography is an essential part of email design. Choosing the right font can make or break your email experience. Mailmodo offers a range of fonts to ensure your email design aligns with your brand guidelines and your email renders seamlessly across devices and email clients.

Types of fonts

There are three kinds of fonts which we need to consider when designing an email-

1. Email safe

2. Web safe

3. Web font

Email safe fonts

Email safe fonts will render correctly across all browsers, devices and email clients.

These are fonts that are pre installed in the email recipient's device. These fonts are already installed in major operating systems like windows, macOS, android and iOS. 

Email safe fonts are considered the most accessible and the chances of the email client altering your font are minimal.

Email safe fonts include-

Font
Arial
Times New Roman
Georgia
Verdana
Courier New
Times
Lucida
Trebuchet MS
Tahoma
Sans Serif

You can find these under the Email safe category in the font dropdown.

Font selection in email template

Web safe fonts

Web safe fonts will render correctly across most devices, browsers and clients. These fonts are installed on the majority of devices. 

There is a chance that your font can be altered because the device does not support the selected font. In this case, we will revert to a fallback font.

Web safe fonts include-

FontFallback 1Fallback 2Fallback 3
HelveticaSans-serif --
TrebuchetSans-serif--
Comic Sans MS*ArialSans-serif-
Palatino LinotypeSerif--
ImpactSans-serif--
Lucida ConsoleMonospace--
Lucida GrandeLucida sans unicodeHelveticaSans-serif
CalibriHelveticaArialSans-serif
Arial BlackSans-serif--
Arial MT Condensed LightArialSans-serif-
Arial NarrowArialSans-serif-
TerminalMonospace--
Century GothicHelveticaArialSans-serif
PapyrusVerdanaHelveticaSans-serif
Book AntiquaGeorgiaSerif-
CambriaGeorgiaTimes new romanSerif
CandaraTrebuchet MSArialSans-serif
ConsolasLucida consoleCourierMonospace
ConstantiaTimes new romanSerif-
CorbelVerdanaArialSans-serif
Franklin Gothic MediumArialHelveticaSans-serif
French Script MTTimes new romanSerif-
Segoe UITahomaSans-serif-
Segoe PrintArialSans-serif-
SylfaenTimes new romanSerif-

You can find these in the Web safe category in the font dropdown.

Font selection in email template

Web font

While email safe and web safe fonts are system fonts (i.e are installed in the user’s device and come with the operating system), web fonts are downloaded by the browser.

Since web fonts are supported by a select few email clients only, there is a high chance that your font will be altered by the email client. In case the font is not supported by the email client, a fallback version will be rendered. 

Major email clients that support web fonts are-

  1. Apple Mail
  2. iOS Mail
  3. Outlook for macOS 
  4. Outlook for iOS and Android
  5. Thunderbird

Certain versions of Outlook on Windows support web fonts as well.

Major email clients that do not support web fonts are-

  1. Gmail
  2. Yahoo Mail
  3. Outlook.com
AMP for email does not support web fonts. Web fonts will only render in HTML emails.

Web fonts include-

FontFallback 1Fallback 2Fallback 3
PoppinsSans-serif--
QuicksandSans-serif--
LatoHelveticaArialSans serif
MerriweatherGeorgiaTimes new romanSerif
Open sansHelveticaArialSans serif
Ralewaysans serif--
RobotoHelveticaArialSans serif
Playfair displayGeorgiaTimes new romanSerif
MontserratVerdanaSans-serif-
Nanum Gothic CodingMonospace--
UbuntuTahomaSans-serif-

You can find these under the Web fonts category in font dropdown.

Font selection in email template
It is a good practice to thoroughly test your email across clients and devices before sending it out to your audience.

Did we miss something? Not to worry

Use the search bar in our     Help Center     to find quick guides and walkthroughs 

Feel free to ping us with your query over the Mailmodo chat.

You can also send us your queries at support@mailmodo.com

Was this article helpful?