ЁЯУЭ Overview
When designing your email templates, you can use both standard system fonts and custom web fonts (like Montserrat, Poppins, etc.).
However, not all email clients support loading fonts from the web тАФ so the appearance may vary depending on the recipientтАЩs email app.
ЁЯТб 1. Standard Fonts (Fully Supported Everywhere)
These fonts are called web-safe fonts, because theyтАЩre pre-installed on most devices and email clients.
They always render correctly in Gmail, Outlook, Apple Mail, Yahoo, etc.
Common Web-Safe Fonts | Category |
|---|---|
Arial | Sans-serif |
Helvetica | Sans-serif |
Verdana | Sans-serif |
Tahoma | Sans-serif |
Georgia | Serif |
Times New Roman | Serif |
Courier New | Monospace |
тЬЕ Best Practice:
Always include one of these as a fallback for your custom font, for example:
font-family: 'Montserrat', Arial, sans-serif;
тЪЩя╕П 2. Custom / Web Fonts
Web fonts (like Montserrat, Poppins, or Roboto) are loaded from the internet (via Google Fonts or custom URLs).
They help maintain brand identity, but email client support is limited.
Email Client | Web Font Support |
|---|---|
Apple Mail (macOS / iOS) | тЬЕ Full |
Samsung Mail | тЬЕ Full |
Outlook for Mac | тЪая╕П Partial |
Gmail (Web & Mobile) | тЭМ Not supported |
Outlook (Windows) | тЭМ Not supported |
Yahoo Mail | тЭМ Not supported |
ЁЯУМ What happens if not supported?
The email client automatically uses the next fallback font (for example, Arial or Helvetica).
ЁЯЪА 3. Recommendation
Use your preferred custom font for brand identity (e.g., Montserrat).
Always define a fallback web-safe font to ensure consistent readability.
Keep important content (like headers or CTAs) clear even if fallback font is used.
Avoid using web fonts for critical size-dependent designs тАФ spacing may shift slightly.
тЬЕ Example
<p style="font-family: 'Montserrat', Arial, sans-serif;">
Welcome to our newsletter!
</p>
If the recipientтАЩs email client supports web fonts, itтАЩll display in Montserrat.
Otherwise, itтАЩll automatically display in Arial тАФ maintaining similar appearance.
ЁЯУШ Summary
Type | Works Everywhere | Example Fonts |
|---|---|---|
тЬЕ Web-Safe Fonts | Yes | Arial, Helvetica, Georgia |
тЪая╕П Web Fonts (Custom) | Partially | Montserrat, Poppins, Roboto |
ЁЯФН Note
This limitation applies to all email systems globally тАФ not specific to MSG91 or Stripo.
Support for web fonts depends entirely on the recipientтАЩs email client.