Friday, August 29th, 2014

0
VN:F [1.9.22_1171]
Rating: 4.0/5 (1 vote cast)

CampaignMonitor – Hats off to hotmail for replacing symbols with oversized emoji

CampaignMonitor - Hats off to hotmail for replacing symbols with oversized emoji

By: CampaignMonitor

This week, a rather obvious Hotmail quirk cropped up. By obvious, I mean that a garden-variety set of symbols like © ® and ™ are being replaced by      , or 19px x 19px ‘emoji’ GIF images. Apparently Hotmail thought this would be a fun way to spice up HTML email newsletters, when in fact, it’s an annoyance to designers, who don’t want to have tiny footer text broken up by a © character that’s the size of a fist.

Yes, the images are here to stay – there’s a new bit of JavaScript code in Hotmail which ensures that no symbol goes by unmolested.

To make matters worse, if you have img { display: block; } in your email design’s CSS code to prevent gaps in Gmail, each emoji will be followed by a line break (pictured).

Bringing emoji down to size

Thankfully, there’s a fix – resizing the images so they’re more in line with the surrounding text. After viewing a couple of the solutions being spun around, we took a crack at our own and found that adding the following CSS code to your stylesheet works a charm:

.ExternalClass img[class^=Emoji] { width: 10px !important; height: 10px !important; display: inline !important; } 

Read Full Post

We saw this post and thought we would share it with you.
Want to check out the who’s who and what’s what of email marketing?
Read The Buzz.
Other post by this Author

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!