Extravision Blogsblog

Recent Posts

Categories

Posts

iPhone emails not rendering text properly?

October 27, 2010

It’s annoying when you get your email to look good in all email clients such as Outlook, Lotus, hotmail etc and then you look at it on an iPhone. You’ll notice that the font size when viewing emails using an iPhone will be larger than it should be.

The iPhone email client automatically scales smaller font sizes up to 12px minimum rather than the original inline css that you have. This can lead to formatting issues within your design and can make your email look unprofessional and messy. Below for an example of the font size render problem:
 

iPhone - font size rendering problem

Fortunately it is a simple line of css that you need to add to your inline css:
-webkit-text-size-adjust:none

In situ:
style="font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:10px; -webkit-text-size-adjust:none"

Once added you can see that the font size from the inline css is adhered to below:
 

iPhone with correct font size

Posted by Joel Jarman
Tip of the month


No comments

Comments are closed.

From the Blog

How to craft the perfect re-engagement email: Topshop example

In an ideal world, everyone on your list would be eagerly awaiting your email. They…

Jenni Malley
June 1, 2017

How To Get Your Perfect Email Template

If you send email campaigns then you probably use a template. Not every email campaign…

Jenni Malley
May 12, 2017

Latest Tweets

Get in touch

Extravision
Tomorrow
MediaCity UK
M50 2AB
Find us on Google maps

Main: +44 (0) 161 817 2929
Support: +44 (0) 161 817 2930
Email: [email protected]

Social

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog