We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.

Emilio Santos • 6 years ago

I'm afraid there are a couple of issues with the font:
- The !important is needed if you want to overlap the specificity of the class over the inline style
- But Gmail actually eliminates the !important, so...

JEggers • 7 years ago

Jason, has Litmus put together any new statistics on users who have images disabled still? The marketing team is wanting to do image only emails and I'm trying to find any excuse to tell them it's a bad idea. (Or if you have written a blog post on this, a link would be beneficial.)

Jason Rodriguez • 7 years ago

Unfortunately, we don't have any recent stats on that—our original stats were a byproduct of Gmail automatically enabling images.

This article might be helpful, though:

https://litmus.com/blog/the...

A lot of email clients still block images by default, so all-image emails are still risky depending on your audience. We definitely recommend using as much live text as you can in your campaigns but, if you have lots of images, don't forget to use appropriate ALT text.

Hope that helps!

Leeds2LA • 8 years ago

hey Jason, nice, useful article. I remember the good old days before smartphones where columns were no big deal but these days my philosophy is “if you want to live migraine-free keep the column count at 1” I tend to work around this limitation in my initial design and if I have to use multiple columns they are nested tables and I try to stick to artwork...that way I can make an exception for them in the CSS.

Jason Rodriguez • 8 years ago

While it's nice to have options, I fully endorse single-column layouts, especially on mobile! Right there with you!

Carlito • 8 years ago

Hi Jason! What about a basic question about font-size units? I use pixels (px) as opposed to any other unit such as % or em/rem. What's your experience on this?

Jason Rodriguez • 8 years ago

Agree with using pixels for font-size. In my experience, it's been the most reliable method.

Katrina • 8 years ago

Where does the "[if..." go?

Carolina • 8 years ago

Do you have recommendations on pt size for email headlines, subheadlines, and body font?

Ralph Capper • 8 years ago

Thanks for this, very useful.

Shauna P • 8 years ago

Do you place the conditional comment right before the td?

Bálint Sipos • 9 years ago

Hey Jason,

Can the class=”body-text” be applied to the <body> also?

I have classes on most TDs and would be great if this could be set globally.

Shawn Leslie • 9 years ago

In your list of clients, there's no mention of Gmail on web (or iOS & Android). Any idea of how linking to an external google font stylesheet is handled on Gmail? I presume it works when it's Gmail in the browser - but Gmail does what Gmail wants. :)

Tony Hue • 9 years ago

I read somewhere that image-based newsletters are more likely to get funneled in Gmail's Promotion tab. Anyone see any evidence of that?

Aaron Simmonds • 9 years ago

Thanks Jason,

This has been a real help. I was recently tasked with using @fontface web fonts in a Mailchimp template and was having a similar issue whereby the fallback fonts were not working in Outlook. After a little testing i managed to get around the issue by using the following bit of code (adapted slightly from above with an !important on the end)

```
< !--[if mso]>
<style type="”text/css”">

.body-text { font-family: Arial, sans-serif !important;}

</style>
< ![endif]-->
```

I found that for some reason it didn't work in Mailchimp without it. hope that helps.

Aaron

Aaron Pearson • 9 years ago

I second this. !important is important

yhn • 9 years ago

Thank you Aaron!!!!!