ReferenceApr 2, 202610 min read

Email Safe Fonts Guide

Lisa Anderson — Email developer from San Francisco, USA. Lisa tested fonts across 20+ email clients and built real rendering comparisons. This guide includes actual client behavior data, not guesses.

Fonts are one of the most inconsistent parts of email rendering. Web fonts don't work in most email clients, and even "system" fonts behave differently across platforms. Here's what's actually safe to use. This guide is part of our ultimate HTML email testing guide.

The Universal Email-Safe Font Stack

These fonts are pre-installed on virtually every operating system and render reliably in all email clients:

Sans-Serif (Safe)

Arial
Helvetica
Verdana
Tahoma
Trebuchet MS

Serif (Safe)

Georgia
Times New Roman
Palatino
Book Antiqua
Courier New (monospace)

Best practice: Always declare a fallback stack:font-family: Arial, Helvetica, sans-serif;

Can I Use Web Fonts in Email?

Web fonts (via @import or <link>) have very limited support in email clients:

Apple Mail — Full support
iOS Mail — Full support
Gmail — No support (strips @font-face)
Outlook (Windows) — Partial support
Outlook (macOS) — No support
Outlook (mobile) — No support

Don't rely on web fonts

Since Gmail and Outlook don't support web fonts, the majority of your audience will see fallback fonts. Use web fonts as progressive enhancement only, and design your email to look good with the fallback.

Font Size Best Practices

Body text: 14–16px (minimum 14px for mobile readability)
Headlines: 22–28px
Preheader/small text: 12px minimum
Unit: Always use px — avoid rem or em (inconsistent in email)
Line height: 1.4–1.6 for body text

Font Rendering in Dark Mode

Dark mode can affect font contrast. If you've set a dark font color, some clients may automatically lighten it for dark backgrounds — but not always consistently. Always test your font colors with MailViewr's dark mode toggle to ensure readability. For more on HTML email best practices, including how fonts interact with other CSS properties, see our complete guide.

Common Font Mistakes in Email

Using only a web font with no fallback
Setting font size in rem or em (use px)
Using font-weight: 300 (light fonts are hard to read on mobile)
Forgetting to test font rendering in Outlook (it overrides some font properties)

Test Your Email Fonts

Preview Font Rendering

See how your fonts render across Gmail, Outlook, and mobile. Catch fallback issues before your subscribers do.

Test Fonts Free →