Is there a way to keep fonts to a similar size in HTML EMAILS?
On the Website it looks great but in my email the text is very small and close together.
I am including a screen shot of what I see in my email.
Any way to fix this?
Here is the html code:
<html>
<head>
<title>The Most Holy Rosary</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#Table_01 tr td #box {
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
line-height: 24px;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Holy Mary Email copy.psd) -->
<table width="843" height="855" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="2" valign="top">
<img src="http://www.EdVizenor.com/rosary/email/images/HailMary_01.png" width="546" height="253" alt=""></td>
<td width="297" rowspan="3" valign="top">
<img src="http://www.EdVizenor.com/rosary/email/images/HailMary_02.png" width="297" height="855" alt=""></td>
</tr>
<tr>
<td width="11" valign="top">
<img src="http://www.EdVizenor.com/rosary/email/images/HailMary_03.png" width="11" height="565" alt=""></td>
<td width="535" valign="top"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="15" id="box">
<tr>
<td valign="top"><p style="font-weight: bold; color: #666;">PRAISE BE JESUS CHRIST!</p>
<p><br>
Thank you for taking the time to read this email. We are developing some exciting media to help you and others fall even more in love with JESUS through the power of Mary, the Queen of Heaven (Revelations 12) and through Heaven's blessed gift to us... The Most Holy Rosary. </p>
<p>We need your help if you can. We need you to answer some quick questions on the Rosary. Also once on the page can you "like" it on Facebook, Tweet it and finally forward this email to friends who may be interested. Awesome! Thank you so much.</p>
<p align="center"><a href="http://www.EdVizenor.com/?p=questions"><img src="http://www.EdVizenor.com/rosary/email/images/HolyRosary.png" width="364" height="67"></a></p>
<p>Be assured of my prayers for you and all your intentions in my Rosary.</p>
<p>In The Merciful Heart Of Jesus Christ,<br>
<span style="color: #666">Ed Vizenor </span></p></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" valign="top">
<img src="http://www.EdVizenor.com/rosary/email/images/HailMary_05.png" width="546" height="37" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Always give inline styling for the emails. Emails not support external styling. Write like this: