This project may no longer be necessary #14
Comments
|
Good to know. Thanks for the article! Though, there are many email clients around the world, where CSS inlining is still necessary. |
|
Possibly, but according to https://www.campaignmonitor.com/css/, only Gmail needed it. |
2020 updateWhile the vast majority of email clients now support CSS in a The problem is Outlook on Windows, with its Word rendering engine, will only read and apply the first class it encounters in a For example this: <!DOCTYPE html>
<html>
<head>
<style>
.uppercase {text-transform: uppercase}
.text-red {color: red}
</style>
</head>
<body>
<p class="uppercase text-red">Test</p>
</body>Will render as black, uppercased text in Outlook on Windows (2007-2019) - the Currently, the only way around this for Outlook on Windows is to always use a single class: <!DOCTYPE html>
<html>
<head>
<style>
.content {
text-transform: uppercase;
color: red;
}
</style>
</head>
<body>
<p class="content">Test</p>
</body>... or to inline the CSS 🤷♂️ |
|
I added a link to this discussion to |
Gmail now supports
<style>https://litmus.com/blog/gmail-to-support-responsive-email-design
The text was updated successfully, but these errors were encountered: