Having issues with fonts in a newsletter (Fonts change, size changes, view is not the same, issues across email clients). Seeking assistance to fix - gratis or service. It is urgent.
Moved to the Products and Support section where someone should be help to help you right away. You might want to provide more info on what you are trying to do.
Hi Sean,
You have provide the code so that we can find the issue.
Hi Ravi,
I'm part of Sean's team. Here's the main section of the code we're having trouble with:
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<!-- Header -->
<!--<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://info.tcs.com/rs/tcs/images/Accenture-mast.gif" alt="TATA" />
</td>
</tr>
</table>
-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="imageblock" class="mktEditable"><img id="banner" src="http://info.tcs.com/rs/120-PTN-868/images/Vantage-Point-March-eDM-header.jpg"border="0" /></div></td>
</td>
</tr>
</table>
<!-- Body -->
<table bgcolor="#ffffff" width="100%" border="0" align="left"cellspacing="0" cellpadding="5" style="font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:center;">
<tr>
<td valign="top" width="170" bgcolor="#e6e3e1" border="0" align="left" cellspacing="0" cellpadding="5"style="font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:left;">
<table width="100%"bgcolor=#75d0f4>
<tr>
<td valign="top" align left style="font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:left;">
<div id="textblock" class="mktEditable"></br>lorem ipsum. In suscipit feugiat quam non vestibulum. </br>Donec quis sapien non orci tempus eleifend eget id lacus. </br>Nullam id tortor vel est mattis interdum.
</div>
</td>
</tr>
</table>
<div id="textblock1" class="mktEditable">
</br>In suscipit feugiat quam non vestibulum.</br> Donec quis sapien non orci tempus eleifend eget id lacus. </br>Nullam id tortor vel est mattis interdum. </br>Proin aliquet nisi vel massa convallis quis venenatis felis luctus.</br> <br /><br /><br />
</div>
<td valign="top" align="left" cellspacing="0" cellpadding="0">
<div id="textblock2" class="mktEditable">
<span style="font-size:12px;"></br>Dear {{lead.First Name:default=friend}}</span><br /><br />In suscipit feugiat quam non vestibulum. Donec quis sapien non orci tempus eleifend eget id lacus.</br> Nullam id tortor vel est mattis interdum. Proin aliquet nisi vel massa convallis quis venenatis felis luctus. </br>Praesent non mi tortor, vitae sodales mauris. Sed mollis pretium vulputate. </br>
<br /> Cras facilisis lectus quis ligula sodales euismod eget non sapien. Nunc tempus adipiscing nunc, in semper massa lobortis sed. </br>
</br>In suscipit feugiat quam non vestibulum.
</td>
</tr>
</table>
<!--Footer1-->
<table width="100%" bgcolor=#58585a align="center" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center;">
<tr>
<td valign="top" width="600" border="0">
<div id="footerblock1" class="mktEditable"style="font-family:verdana,arial,helvetica,sans-serif;"></br>
<span class="copyright">© 2015 ABC Limited. All Rights Reserved<br />
This email was sent by: ABC | 60 Anson Road <br />
|#18 01 | Singapore | 079914 | Singapore
<br /> Please <a href=" ............."style="color:#007AC2;">click here</a> to visit our subscription centre and update your preferences
</span><br /><br />
</div>
<!--End Footer-->
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Any idea what the issue(s) is?
Thanks.
Hey all,
Try to assign the css for the font directly inline to the <body> tag. That is the only thing that has worked for me across most browsers.
Thanks Luke!
Hi There,
I have corrected the code
Hope it works the font family is Verdana and font size is 9 i have test it on outlook and gmail as well.
<!--<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://info.tcs.com/rs/tcs/images/Accenture-mast.gif" alt="TATA" />
</td>
</tr>
</table>
--><div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="imageblock" class="mktEditable"><img id="banner" src="http://info.tcs.com/rs/120-PTN-868/images/Vantage-Point-March-eDM-header.jpg"border="0" /></div></td>
</tr>
</table></div>
<!-- Body --><div>
<table bgcolor="#ffffff" width="100%" border="0" align="left"cellspacing="0" cellpadding="5" style="font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:center;">
<tr>
<td valign="top" width="170" bgcolor="#e6e3e1" border="0" align="left" cellspacing="0" cellpadding="5"style="font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:left;">
<table width="100%"bgcolor=#75d0f4>
<tr>
<td valign="top" align left style="font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:left;">
<div id="textblock" class="mktEditable"></br>lorem ipsum. In suscipit feugiat quam non vestibulum. </br>Donec quis sapien non orci tempus eleifend eget id lacus. </br>Nullam id tortor vel est mattis interdum.
</div>
</td>
</tr>
</table>
<div id="textblock1" class="mktEditable" style="font-size:12px; font-family:Verdana; ">
<br>In suscipit feugiat quam non vestibulum.<br> Donec quis sapien non orci tempus eleifend eget id lacus. <br>Nullam id tortor vel est mattis interdum. <br>Proin aliquet nisi vel massa convallis quis venenatis felis luctus.</br> <br /><br /><br />
</div>
<td valign="top" align="left" cellspacing="0" cellpadding="0">
<div id="textblock2" class="mktEditable" style="font-size:12px; font-family:Verdana; ">
<span style="font-size:12px; font-family:Verdana; "><br>Dear {{lead.First Name:default=friend}}</span><br /><br />In suscipit feugiat quam non vestibulum. Donec quis sapien non orci tempus eleifend eget id lacus.</br> Nullam id tortor vel est mattis interdum. Proin aliquet nisi vel massa convallis quis venenatis felis luctus. </br>Praesent non mi tortor, vitae sodales mauris. Sed mollis pretium vulputate. </br>
<br /> Cras facilisis lectus quis ligula sodales euismod eget non sapien. Nunc tempus adipiscing nunc, in semper massa lobortis sed. <br>
<br>In suscipit feugiat quam non vestibulum.
</div> </td>
</tr>
</table></div><div>
<!--Footer1-->
<table width="100%" bgcolor=#58585a align="center" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center;">
<tr>
<td valign="top" width="600" border="0">
<div id="footerblock1" class="mktEditable"style="font-family:verdana,arial,helvetica,sans-serif;"></br>
<span class="copyright">© 2015 ABC Limited. All Rights Reserved<br />
This email was sent by: ABC | 60 Anson Road <br />
|#18 01 | Singapore | 079914 | Singapore
<br /> Please <a href=" ............."style="color:#007AC2;">click here</a> to visit our subscription centre and update your preferences
</span><br /><br />
</div>
</td></tr>
</table>
</div>
Thanks Ravi!
Your welcome Jacq,
If it works then mark my answer as correct