Create a Discussion

External Stylesheet Support

Wilbert Heinen posted 2017-04-18 12:57:43

I’m creating a list of emailclients that support and don’t support external stylesheets (mostly based on Litmus Previews). Are there people who want to help to complete this? I already have this list:

No embedded stylesheet support (styles inline):

Terra Mail
T-Online.de
Mail.ru
Android 5.1
Android 6.0
Gmail App IMAP (Android)
Windows 10 Mail

External stylesheet support:

Android 4.4
Apple Mail 9
Apple Mail 10
iPad
iPhone (iOS 7, 8, 9 en 10)
Lotus Notes 8
Outlook 2007, 2010, 2013 en 2016 (Windows)
Outlook 2011 en 2016 (Mac)
Thunderbird
Samsung Galaxy S4 Native Mail App

Jason Justice replied 2017-04-19 16:54:25

I just did a week of testing around this and found this list to be accurate.
http://freshinbox.com/resources/css.php

Reply to Jason Justice

Wilbert Heinen replied 2017-05-01 08:54:23

Thanks!

Kathleen Smith replied 2017-04-18 15:55:44

Can't help much here, but curious as to why you'd want to link to an external stylsheet in the first place? :-)

Reply to Kathleen Smith

Jason Justice replied 2017-04-19 16:55:13

Lots of use cases for this but the 2 I am interested in are dynamic content and targeting for specific rendering bugs on the devices that can handle external CSS.

Jennifer Ginest replied 2019-04-08 18:28:07

Hi Wilbert,

Has the support of external css in email since this post. Try to confirm linking external css file is a viable option for a project I am working on that includes 3rd party assets.

Thanks in advance for you feedback!

Jenn

Reply to Jennifer Ginest

Lee Borowiak replied 2019-04-11 07:43:13

Hi Wilbert,

I guess you've already done this, but I created 2 quick examples you could use for testing in Litmus.

Embedded css:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Embedded CSS</title>
<style type="text/css">
.supports-css {
    background-color: #ccff99;
    padding:20px;
    font-size:20px;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="supports-css">If your email client supports embedded stylesheets, the background of this is green, otherwise it's white.</td>
  </tr>
</table>
</body>
</html>

External css:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>External CSS</title>
<link href="http://www.yourwebsite.com/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="supports-css">If your email client supports external stylesheets, the background of this is green, otherwise it's white.</td>
  </tr>
</table>
</body>
</html>

Thanks,
Lee.

Reply to Lee Borowiak

External Stylesheet Support

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password