Q: Why doesn't my newsletter display the same way in all mail clients?
A: Not all mail clients and operating systems interpret HTML code in the same way, so the same newsletter may be displayed differently even if you always use the same application.
Below I have listed some of the most common critical issues in major applications
Gmail
| Desktop web | Gmail iOS | Gmail Android | |
| Pulsanti arrotondati | 🟢 | 🟢 | 🟢 |
| Elemento Card | 🟢 | 🟢 | 🟢 |
| Google font/custom font | 🔴 | 🔴 | 🔴 |
| Immagini di sfondo | 🟢 | 🟢 | 🟢 |
| Gif animate | 🟢 | 🟢 | 🟢 |
| Dark mode | 🔴 | 🟢 | 🟢 |
| Gmail desktop | Gmail Android DarkMode | Gmail iOS DarkMode |
Outlook
| New Outlook | Classic Outlook | macOS | Android | |
| Rounded buttons | 🟢 | 🔴 | 🟢 | 🟢 |
| Card | 🟢 | 🔴 | 🟢 | 🟢 |
| Google font/custom font | 🟡 | 🟡 | 🟢 | 🔴 |
| Background image | 🟢 | 🟡 | 🟢 | 🟢 |
| Animated Gif | 🟢 | 🟢 | 🟢 | 🟢 |
| Dark mode | 🟢 | 🟢 | 🟢 | 🟢 |
| Outlook classic | Outlook new | Outlook new (MacOS) |
| Outlook App (Android) |
Properties
Rounded edges for card and CTA
Both the button object and the card element use the attribute border-radius.
| Is it compatible? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) | 🟢 |
| Android | 🟢 |
| Outlook (macOS) | 🟢 |
| Outlook (Windows) dal 2007-2021 | 🔴 |
| Outlook 365 (windows) | 🟢 |
| Outlook.com (webmail) | 🟢 |
| Outlook (Android) | 🟢 |
| Gmail (Android) | 🟢 |
| Gmail (webmail) | 🟢 |
| Gmail (iOS) | 🟢 |
Google fonts
It may sound absurd, but does not support its own Google Fonts.. Gmail exclusively supports Roboto and Google Sans as web fonts.
| Is it compatible? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) dalla 2.51.1 | 🟢 |
| Android | 🔴 |
| Outlook (macOS) | 🟡 |
| Outlook (Windows) dal 2021 | 🟡 |
| Outlook (Windows) dal 2007-2019 | 🔴 |
| Outlook 365 (windows) | 🟡 |
| Outlook.com (webmail) | 🔴 |
| Outlook (Android) | 🔴 |
| Gmail (Android) | 🔴 |
| Gmail (webmail) | 🔴 |
| Gmail (iOS) | 🔴 |
Immagini di sfondo
| Is it compatible? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) | 🟢 |
| Outlook (macOS) | 🟢 |
| Outlook (Windows) dal 2021 | 🟢 |
| Outlook (Windows) dal 2007-2019 | 🔴 |
| Outlook 365 (windows) | 🟢 |
| Outlook.com (webmail) | 🟢 |
| Outlook (Android) | |
| Gmail (Android) | 🟢 |
| Gmail (webmail) | 🟢 |
| Gmail (iOS) | 🟢 |
Animated Gif
| Is it Compatible? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) | 🟢 |
| Outlook (macOS) | 🟢 |
| Outlook (Windows) from 2021 | 🟢 |
| Outlook (Windows) dal 2007-2019 | 🟡 |
| Outlook 365 (windows) | 🟢 |
| Outlook.com (webmail) | |
| Outlook (Android) | 🟢 |
| Gmail (Android) | 🟢 |
| Gmail (webmail) | 🟢 |
| Gmail (iOS) | 🟢 |
Darkmode
| Reverses colours? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) | 🟡 |
| Outlook (macOS) | 🟡 |
| Outlook (Windows) | 🟢 |
| Outlook.com (webmail) | 🟡 |
| Gmail (Android) | 🟢* |
| Gmail (webmail) | 🔴 |
| Gmail (iOS) | 🟢 |
| Yahoo! (webmail) | 🔴 |
| AOL (webmail) | 🔴 |
*(in our example the lettering on the image and the white lettering on the button have not changed, but are white as in lightMode) whereas in Gmail iOS -- Fully supported (the white lettering on the button and on the image have turned black)