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-
You can find these under the Email safe category in the font dropdown.
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-
You can find these in the Web safe category in the font dropdown.
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-
Outlook for macOS
Outlook for iOS and Android
Certain versions of Outlook on Windows support web fonts as well.
Major email clients that do not support web fonts are-
AMP for email does not support web fonts. Web fonts will only render in HTML emails.
Web fonts include-
You can find these under the Web fonts category in font dropdown.