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:
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?
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.