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

Line height issues in Outlook

Line height is not always consistent when viewing emails in Outlook. This is especially true…

Andrew Chau
March 1, 2017

Are you making the most of your ESP?

If you use an Email Service Provider, you now get some pretty powerful technology alongside…

Jenni Malley
February 10, 2017

Latest Tweets

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog