CSS at-rule · data last changed 10 Nov 2026
@font-face in email clients
Works in 6 of 21. Not supported in Gmail, Gmail Android, Gmail iOS and 12 more.
Your reader in Outlook Classic sees the email without @font-face, even if it looks right where you tested it.
caniemail (MIT) via @emailens/engine 0.18.22
What to do instead in Outlook Classic
Add web-safe font fallback stack
/* Keep @font-face for clients that support it */
@font-face {
font-family: 'CustomFont';
src: url('custom.woff2') format('woff2');
}
h1 {
font-family: 'CustomFont', Arial, Helvetica, sans-serif;
}Show the original
@font-face {
font-family: 'CustomFont';
src: url('custom.woff2') format('woff2');
}
h1 { font-family: 'CustomFont'; }No signup · Five clients free, Outlook Classic included · All 21 with an account
The checker needs a computer screen.
A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →
@font-face is not among the 24 features we have screenshotted on real installs. The ones we have →
All 21 clients, problems first
| Client | Support |
|---|---|
| Gmail | Not supported See caveat 1 |
| Gmail Android | Not supported |
| Gmail iOS | Not supported |
| Outlook 365 | Not supported |
| Outlook (New) | Not supported |
| Outlook Classic | Not supported |
| Outlook iOS | Not supported |
| Outlook Android | Not supported |
| Outlook for Mac | Not supported |
| Yahoo Mail | Not supported |
| Yahoo Mail Android | Not supported |
| Yahoo Mail iOS | Not supported |
| Proton Mail | Not supported |
| AOL Mail | Not supported |
| Fastmail | Not supported |
Works in 6: Apple Mail, Apple Mail iOS, Samsung Mail and 3 more. Show all
| Client | Support |
|---|---|
| Apple Mail | Works |
| Apple Mail iOS | Works |
| Samsung Mail | Works See caveat 2 |
| Thunderbird | Works |
| HEY Mail | Works |
| Superhuman | Works |
Caveats (2)
- 1. Gmail: Not supported. Roboto and Google Sans can be used, but only because they're embedded with the webmail's own styles.
- 2. Samsung Mail: Not supported when using a Microsoft email address; outlook, live, hotmail, etc.
Caveats as recorded by caniemail (MIT), one entry per wording.
Your next question
- Does @media orientation work in Outlook Classic?
Works in 11 of 21 · partial in 1 · not supported in 8 · 1 untested
- Does @media device-pixel-ratio work in Outlook Classic?
Works in 10 of 21 · not supported in 10 · 1 untested
- Does @media hover work in Outlook Classic?
Works in 9 of 21 · not supported in 8 · 4 untested
- Does @media prefers-color-scheme work in Outlook Classic?
Works in 9 of 21 · not supported in 11 · 1 untested
- Does @media prefers-reduced-motion work in Outlook Classic?
Works in 9 of 21 · partial in 1 · not supported in 10 · 1 untested
- Does @supports work in Outlook Classic?
Works in 9 of 21 · not supported in 12
@font-face in Outlook Classic · Every feature in Outlook Classic · All email CSS features · What real installs show
Paste your email
Get new email CSS fixes by email.