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:
Fortunately it is a simple line of css that you need to add to your inline css:
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:
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.