CSS at-rule · data last changed 10 Nov 2026
@import in email clients
Works in 4 of 21. Not supported in Gmail, Gmail Android, Gmail iOS and 14 more.
Your reader in Gmail sees the email without @import, even if it looks right where you tested it.
caniemail (MIT) via @emailens/engine 0.18.22
What to do instead in Gmail
Treat @import as an extra for Apple Mail and HEY Mail. Declare a full font stack inline on every text element, ending in a system font such as Arial or Helvetica, so every other client draws a font you chose. Keep layout CSS out of imported files, since Gmail, Yahoo Mail and most Outlooks would never load it.
There is no drop-in fix for @import in Gmail. Design so the email still reads without it.
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 →
@import 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 |
| Gmail Android | Not supported |
| Gmail iOS | Not supported |
| Outlook 365 | Not supported |
| Outlook (New) | 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 |
| Samsung Mail | Not supported |
| Thunderbird | Not supported |
| Proton Mail | Not supported |
| AOL Mail | Not supported |
| Fastmail | Not supported |
| Superhuman | Not supported |
Works in 4: Outlook Classic, Apple Mail, Apple Mail iOS and 1 more. Show all
| Client | Support |
|---|---|
| Outlook Classic | Works |
| Apple Mail | Works |
| Apple Mail iOS | Works |
| HEY Mail | Works |
How @import behaves
@import loads only in Apple Mail, Apple Mail iOS, HEY Mail and Outlook Classic. Gmail, Yahoo Mail, AOL Mail, Outlook 365, Outlook (New), Outlook for Mac, Thunderbird, Samsung Mail, Proton Mail, Fastmail and Superhuman do not support it, so a web font loaded this way shows its fallback font there.
- Outlook Classic loads @import, but the web font still does not draw. In our October 2026 captures across Outlook 2007 to 2019, fonts loaded with @import or <link> fell back to the next font in the stack.
- A font declared with @font-face in the email itself did worse in those captures: Outlook 2007, 2010, 2013 and 2016 drew it in Times New Roman instead of the fallback.
- Gmail drops a whole <style> block when it rejects one rule in it. Put @import in its own <style> block, so that if a client rejects it, the rest of your CSS survives.
- <link rel="stylesheet"> reaches even fewer readers: Apple Mail, Apple Mail iOS and Outlook Classic.
Questions
Does @import work in Gmail?
No. Gmail does not support @import on the web or in its apps, so fonts or styles loaded with it never reach Gmail readers. Declare a fallback font stack inline.
Can I load Google Fonts in Outlook with @import?
Outlook Classic fetches @import, but in our October 2026 captures the imported fonts did not draw: text fell back to the next font in the stack. Outlook 365, Outlook (New) and Outlook for Mac do not support @import at all.
Your next question
- Does @media device-pixel-ratio work in Gmail?
Works in 10 of 21 · not supported in 10 · 1 untested
- Does @media hover work in Gmail?
Works in 9 of 21 · not supported in 8 · 4 untested
- Does @media prefers-color-scheme work in Gmail?
Works in 9 of 21 · not supported in 11 · 1 untested
- Does @media prefers-reduced-motion work in Gmail?
Works in 9 of 21 · partial in 1 · not supported in 10 · 1 untested
- Does @supports work in Gmail?
Works in 9 of 21 · not supported in 12
- Does @keyframes work in Gmail?
Works in 7 of 21 · partial in 1 · not supported in 13
Every feature in Gmail · All email CSS features · What real installs show
Paste your email
Get new email CSS fixes by email.