Email Typography Masterclass

Web-Safe Email Fonts & Typography: Fallbacks That Never Break

Typography sets the tone for your brand. Discover why custom web fonts frequently break across email clients, how to craft bulletproof fallback stacks, and how to stop Outlook from defaulting to Times New Roman.

Which Clients Support Custom Web Fonts?

Web developers often assume custom Google Fonts (@import or <link>) work in email just like they do on websites. In reality, client support is fragmented:

Supports Custom Web Fonts
  • Apple Mail (iOS & macOS)
  • Outlook for Mac
  • Thunderbird
  • Native Android Mail (Samsung)
Strips or Ignores Web Fonts
  • Gmail (Web, Android & iOS app)
  • Outlook 2016–365 on Windows Desktop
  • Yahoo! Mail
  • Outlook.com Webmail

How to Fix the Infamous "Times New Roman" Outlook Bug

If you write a font stack like font-family: 'Inter', Arial, sans-serif;, desktop Outlook cannot find 'Inter' and completely abandons Arial, reverting to Times New Roman. Neutralize this by embedding an MSO conditional style block in your email's <head>:

<!--[if mso]>
<style type="text/css">
  body, table, td, p, a, span {
    font-family: Arial, Helvetica, sans-serif !important;
  }
</style>
<![endif]-->

This rule forces Microsoft Word to use clean Arial typography while allowing Apple Mail to load your desired web font.

Tested, High-Performance Font Stacks

Modern Clean Sans-Serif

Arial, "Helvetica Neue", Helvetica, sans-serif

Universally supported with high legibility across small mobile screens.

Editorial Serif

Georgia, "Times New Roman", Times, serif

Warm, human, and elegant. Georgia renders beautifully on high-DPI displays.

Technical / Corporate Sans

Tahoma, Verdana, "Segoe UI", sans-serif

Generous character spacing and tall x-height make this ideal for dense information.

Code / Monospace

"Courier New", Courier, monospace

Monospaced spacing for verification codes, invoices, and discount coupons.

Email Fonts Frequently Asked Questions

Why does Microsoft Outlook replace my custom Google Font with Times New Roman?

When Outlook encounters a web font that is not pre-installed on the host Windows machine (like Roboto or Open Sans), its rendering engine ignores subsequent fallbacks in your CSS font-family stack and defaults directly to its system fallback: Times New Roman. You must neutralize this with an MSO conditional comment block targeting Arial or Tahoma.

What are the most universally supported email fonts across all operating systems?

The top web-safe fonts installed on over 99% of Windows, macOS, iOS, Android, and Linux devices are Arial, Helvetica, Verdana, Georgia, Tahoma, Trebuchet MS, and Times New Roman.

What is the minimum recommended font size and line height for mobile email?

Body text should never be smaller than 14px (ideally 16px) with a line-height multiplier between 1.4 and 1.6 (e.g., 22px to 26px). In Microsoft Outlook, always specify unitless or exact pixel line-heights alongside mso-line-height-rule: exactly to prevent line collapse.

Pre-Configured Safe Typography

I WANT EMAILER automatically configures safe font stacks and MSO font rules for every text block in your design.

Start Free Builder