I am sending an email via php/html to a gmail address. The email displays fine in outlook & other clients but when I use the web interface of gmail, the fonts don’t display correctly. For instance, I have this:
<html><body link="#00CCFF" vlink="#000000" alink="#000000">
<table width="100%">
<tr align="left" style="color:#000000"; height="25px"><td>Col0</td><td>Col1</td><td>Col2</td><td>Col3</td><td>Col4</td></tr>
<tr align="left" style="color:#00CCFF; font-size:9px;"><td><a href="http://www.example.com">click</a></td><td colspan="4">row1</td></tr>
<tr align="left" style="color:#00CCFF; font-size:9px;"><td><a href="http://www.example.com">click</a></td><td colspan="4">row2</td></tr>
</table>
</body></html>
Gmail changes the color of my hyperlinks to their default blue.
In my table row, the color displays correctly but the font size is bigger (looks like gmail changed it to a standard size)
thx!
Here‘s an interesting and updated list of CSS capabilities of the most popular web/desk based email readers. Check it out first, it’s a good start.
On the other hand, consider that GMail is actually a web page, so it’s obvious and expected that body attrs will not be used. Consider looking for a CSS based solution.
If you want to make sure that the attr is into the final source, use FireBug to see the final HTML used in the web client. There’s not any better strategy, because you’re watching exactly what the HTML filter gives to the browser.
Good luck!