iPhone emails not rendering text properly?

Posted on Wednesday October 27th, 2010 by Antony Malone

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

Categories:

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <h4> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <br> <img> <span>
  • Lines and paragraphs break automatically.
  • Each email address will be obfuscated in a human readable fashion or (if JavaScript is enabled) replaced with a spamproof clickable link.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Links to specified hosts will have a rel="nofollow" added to them.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.

Subscribe to Blog

Simple & Effective Email Marketing - find out more

About Us

Extravision is a privately owned UK-based email service provider founded in 2004, with a great ISP reputation ensuring high deliverability rates. We offer flexible email marketing solutions to both small and large businesses across all sectors.

The posting and presence of content in a blog entry on this site does not necessarily mean that extravision agrees with the content, ensures its accuracy or otherwise approves of it. Nothing in any blog constitutes a binding representation, agreement or an endorsement on the part of Extravision. Please review the site terms of use carefully.