1

I am creating a email signature with HTML markup, and to match the design, I have to shrink the font-size property to under 11px, which is the lowest limit put by iOS mail rendering.

An article from Campaign Monitor suggested the use of the vendor specific property -webkit-text-size-adjust: none; to get around that:

https://www.campaignmonitor.com/blog/post/3339/save-your-layout-by-overriding-the-minimum-font-size-on-the-iphone-and/

However, the demo is using the <style> inside the <head> tag. But when it's done in inline style it does not seem to work on iOS anymore:

<a href="http://www.example.com" style="font-size:10px;color:#000;-webkit-text-size-adjust:none;">Example</a>

I have seen some signature using <font size="1">Small Text</font>, but it seems that the <font> tag is deprecated now.

So is there still any work around?

fdsze
  • 13
  • 3

1 Answers1

0

You should keep the webkit CSS in your <style> tag. iOS mail and Android's default client respect style tags, and it won't affect any other client.

The font tag is deprecated, but i find it's still the most reliable across clients like Outlook '07-'13 and Windows Phone.

zazzyzeph
  • 1,727
  • 1
  • 12
  • 19
  • 1
    As a side note, `-webkit-text-size-adjust: none;` doesn't affect the gmail app no matter where you put it. If you find a way to keep it from resizing text please let us know! – zazzyzeph Jan 30 '15 at 17:05
  • Do you mean I should use the ` – fdsze Feb 02 '15 at 14:47
  • Yeah, I actually use ` – zazzyzeph Feb 02 '15 at 17:41
  • @ZephyrusDigital, to fix the Gmail iOS font resizing issue, refer to this blog for a fix: http://freshinbox.com/blog/gmail-ios-increases-email-font-sizes-again/ –  Feb 05 '15 at 01:54