Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite.
Estou tendo um problema com as fontes de uma newsletter que estou desenvolvendo em html. Quando visualizo no navegador, as fontes mantem-se conforme o programado. Porém, quando disparo por e-mail, o programa utilizado (mozilla) muda automaticamente a maior parte delas. As únicas que se mantem inalteradas são as que estão sobre a tarja vermelha, no topo da news.
Alguém sabe me dizer aonde está o erro?
Sem mais, agradeço desde já a todos os participantes deste fórum.
Grande abraço,
Alexey
Abaixo, os links para visualição das duas versões, certa e errada, e o código.
Fontes corretas:
http://www.liquidaconde.com.br/cpesp/news_cpesp_dezembro_teste.html
Fontes alteradas:
http://www.liquidaconde.com.br/cpesp/erro_fontes.jpg
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>News CPESP</title>
</head>
<body style="margin: 0; padding: 0; background-color: #878c80; background-image: url(http://www.cpesp.org.br/images/news/dezembro/01/body-bg.jpg); background-repeat: repeat;" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0">
<!--100% body table-->
<table width="118%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#D8E7EA" style="background-color: #878c80; background-repeat: repeat; background-image: url(http://www.cpesp.org.br/images/news/dezembro/01/body-bg.jpg);">
<!--header text-->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table id="top" width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" align="center" height="60">
<p style="font-family: Verdana, Geneva, sans-serif; font-size: 11px; margin: 0; padding: 0; color: #E3E6DD;">
Caso não consiga visualizar esse e-mail,
<a style="color: #E3E6DD;" href="http://www.cpesp.org.br/index.php?option=com_content&view=article&id=70:news-cpesp-teste&catid=1:ultimas&Itemid=3" target="_blank"><b>acesse esse link</b></a></p>
</td>
</tr>
</table>
</td>
</tr>
</table><!--/header text--><!--intro-->
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="15" height="147"> </td>
<td valign="top" height="100">
<table background="http://www.cpesp.org.br/images/news/dezembro/01/full-bg-top.jpg" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#DDD9CE" background="http://www.cpesp.org.br/images/news/dezembro/01/right-bg.jpg" width="13" height="23"/>
<td bgcolor="#DDD9CE" background="http://www.cpesp.org.br/images/news/dezembro/01/right-bg.jpg" width="165"/>
<td bgcolor="#DDD9CE" background="http://www.cpesp.org.br/images/news/dezembro/01/right-bg.jpg" width="46"/>
<td width="346"/>
</tr>
<tr>
<td bgcolor="#DDD9CE" background="http://www.cpesp.org.br/images/news/dezembro/01/right-bg.jpg" valign="top" height="124"> </td>
<td background="http://www.cpesp.org.br/images/news/dezembro/01/right-bg.jpg" bgcolor="#DDD9CE" valign="top">
<table background="http://www.cpesp.org.br/images/news/dezembro/01/right-bg.jpg" bgcolor="#DDD9CE" width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="124" align="center" valign="top"><img src="http://www.cpesp.org.br/images/news/dezembro/01/logo.png" width="127" height="124" align="left"/></td>
</tr>
</table>
</td>
<td background="http://www.cpesp.org.br/images/news/dezembro/01/right-bg.jpg" bgcolor="#DDD9CE" valign="top"><img align="right" style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/bracket-red2.png"/></td>
<td valign="top" height="124" background="http://www.cpesp.org.br/images/news/dezembro/01/top-intro-bg.jpg" bgcolor="#DD2D1D">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="337" height="30"/>
<td width="9" height="30"/>
</tr>
<tr>
<td valign="top">
<h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #FFF; font-size: 36px;">
ConselhoSP</h1>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; margin: 0; padding: 0; color:#e7edcf;">
Conselho de Pastores e Ministros
Evangélicos de São Paulo</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" width="15" height="147"><img style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/left-top-curl2.jpg" width="15" height="147"/></td>
</tr>
</table><!--/intro--><!--content section-->
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="15"/>
<td background="http://www.cpesp.org.br/images/news/dezembro/01/full-bg.jpg" bgcolor="#E5E3DB" valign="top">
<table width="570" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="221">
<table bgcolor="#DDD9CE" background="http://www.cpesp.org.br/images/news/dezembro/01/right-bg.jpg" width="221" border="0" cellpadding="10" cellspacing="0">
<tr>
<td valign="top" height="820">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30"/>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin-bottom: 0px; margin-top: 0px; padding: 0; color:#757870; font-weight: normal;">
<img style="margin: 0; padding: 0;" src="http://www.cpesp.org.br/images/news/dezembro/01/li.gif" width="15" height="12"/><a style="color: #454842;" href="http://www.cpesp.org.br/">Home</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="10"><img style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/line-break-dotted3.gif" width="179" height="6"/></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin-bottom: 0px; margin-top: 0px; padding: 0; color:#757870; font-weight: normal;">
<img style="margin: 0; padding: 0;" src="http://www.cpesp.org.br/images/news/dezembro/01/li.gif" width="15" height="12"/><a style="color: #454842;" href="http://www.cpesp.org.br/index.php?option=com_content&view=article&id=2&Itemid=8">O
Conselho</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="10"><img style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/line-break-dotted3.gif" width="179" height="6"/></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin-bottom: 0px; margin-top: 0px; padding: 0; color:#757870; font-weight: normal;">
<img style="margin: 0; padding: 0;" src="http://www.cpesp.org.br/images/news/dezembro/01/li.gif" width="15" height="12"/><a style="color: #454842;" href="http://www.cpesp.org.br/index.php?option=com_ckforms&view=ckforms&id=1&Itemid=16">Afiliações</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="10"><img style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/line-break-dotted3.gif" width="179" height="6"/></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin-bottom: 0px; margin-top: 0px; padding: 0; color:#757870; font-weight: normal;">
<img style="margin: 0; padding: 0;" src="http://www.cpesp.org.br/images/news/dezembro/01/li.gif" width="15" height="12"/><a style="color: #454842;" href="http://www.cpesp.org.br/index.php?option=com_content&view=section&layout=blog&id=3&Itemid=4">Conteúdo
Líder Cristão</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="10"><img style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/line-break-dotted3.gif" width="179" height="6"/></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin-bottom: 0px; margin-top: 0px; padding: 0; color:#757870; font-weight: normal;">
<img style="margin: 0; padding: 0;" src="http://www.cpesp.org.br/images/news/dezembro/01/li.gif" width="15" height="12"/><a style="color: #454842;" href="http://www.cpesp.org.br/index.php?option=com_content&view=section&layout=blog&id=1&Itemid=3">Notícias</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="10"><img style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/line-break-dotted3.gif" width="179" height="6"/></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin-bottom: 0px; margin-top: 0px; padding: 0; color:#757870; font-weight: normal;">
<img style="margin: 0; padding: 0;" src="http://www.cpesp.org.br/images/news/dezembro/01/li.gif" width="15" height="12"/><a style="color: #454842;" href="http://www.cpesp.org.br/index.php?option=com_ckforms&view=ckforms&id=2&Itemid=17">Parceiros</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="10"><img style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/line-break-dotted3.gif" width="179" height="6"/></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin-bottom: 0px; margin-top: 0px; padding: 0; color:#757870; font-weight: normal;">
<img style="margin: 0; padding: 0;" src="http://www.cpesp.org.br/images/news/dezembro/01/li.gif" width="15" height="12"/><a style="color: #454842;" href="http://www.cpesp.org.br/index.php?option=com_morfeoshow&Itemid=14">Imagens</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="10"><img style="margin: 0; padding: 0; display: block;" src="http://www.cpesp.org.br/images/news/dezembro/01/line-break-dotted3.gif" width="179" height="6"/></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin-bottom: 0px; margin-top: 0px; padding: 0; color:#757870; font-weight: normal;">
<img style="margin: 0; padding: 0;" src="http://www.cpesp.org.br/images/news/dezembro/01/li.gif" width="15" height="12"/><a style="color: #454842;" href="http://www.cpesp.org.br/index.php?option=com_contact&view=contact&id=1&Itemid=12">Atendimento</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"/>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="20"><a href="http://www.liquidaconde.com.br" target="_blank"><img src="http://www.cpesp.org.br/images/news/dezembro/01/banner_liquida.jpg" width="200" height="282" border="0"/></a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"/>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" height="20"><a href="http://www.liquidaconde.com.br" target="_blank"><img src="http://www.cpesp.org.br/images/news/dezembro/01/banner_anuncie.jpg" width="200" height="282" border="0"/></a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"/>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"><a href="http://editorescristaos.org.br/flic-2012.html" target="_blank"><img src="http://www.cpesp.org.br/images/news/dezembro/01/banner_flic.jpg" width="200" height="282" border="0"/></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td align="left" valign="top" width="336">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="40"/>
</tr>
</table> <table width="320" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="320" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td>
<h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #de2d1d; font-size: 18px;">Café de Pastores</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#757870; font-weight: normal;">
Você está convidado a participar do
próximo café de pastores, que será
realizado no dia 14 de dezembro, a
partir das 8h30, nas dependências
da igreja Assembléia de Deus Bom
Retiro. O Café contará com a
ministração do Pr. Josué Gonçalves
e com participação da banda
Catedral do Louvor.</p>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#757870; font-weight: normal;">
Para mais informações, <a style="color: #de2d1d;" href="http://www.cpesp.org.br/index.php?option=com_content&view=article&id=68:proximo-cafe-do-cpesp&catid=1:ultimas&Itemid=3">
clique aqui.</a></p><!--break--><!--/break-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td height="5"> </td>
</tr>
</table><img src="http://www.cpesp.org.br/images/news/dezembro/01/noticia_1.jpg" alt="img3" width="320" height="157" border="0" style="margin: 0; padding: 0; display: block;"/>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10"/>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="320" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td>
<h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #de2d1d; font-size: 18px;">
CPESP e GRUPO RMCOM
firmam contrato.</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#757870; font-weight: normal;">
Durante o último Café
de Pastores, realizado
no dia 9 de novembro, o
CPESP e o GRUPO RMCOM
firmaram um contrato
onde a empresa passará
a responder por toda a
demanda de comunicação
e marketing do
Conselho.</p><!--break--><!--/break-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td height="5"> </td>
</tr>
</table><img src="http://www.cpesp.org.br/images/news/dezembro/01/contrato.jpg" alt="img3" width="320" height="157" border="0" style="margin: 0; padding: 0; display: block;"/>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10"/>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="320" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td>
<h1 style="font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; color: #de2d1d; font-size: 18px;">
CPESP e GRUPO RMCOM
firmam contrato.</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
<p style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; margin: 0; padding: 0; color:#757870; font-weight: normal;">
Durante o último Café
de Pastores, realizado
no dia 9 de novembro, o
CPESP e o GRUPO RMCOM
firmaram um contrato
onde a empresa passará
a responder por toda a
demanda de comunicação
e marketing do
Conselho.</p><!--break--><!--/break-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td height="5"> </td>
</tr>
</table><img src="http://www.cpesp.org.br/images/news/dezembro/01/contrato.jpg" alt="img3" width="320" height="157" border="0" style="margin: 0; padding: 0; display: block;"/>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10"/>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td><!--teste-->
<td width="13" valign="top">
<table width="13" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="459"/>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td style="background-color: none;" bgcolor="" valign="top" width="15"> </td>
</tr>
</table><!--/content section--><!--footer-->
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="15"/>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"/>
</tr>
</table>
<p align="center" style="font-family: Verdana, Geneva, sans-serif; font-size: 11px; margin: 0; padding: 0; color:#E3E6DD; font-weight: normal;">
A CPESP respeita a sua privacidade e é contra o spam
na rede.<br/>
Se você não deseja mais receber nossos comunicados,
<a style="color: #E3E6DD;" href="mailto:contato@cpesp.org.br" target="_blank"><b>acesse esse link</b></a> e solicite<br/>
o descadastramento do seu endereço de e-mail do nosso
banco de dados.<br/>
<br/></p>
<p align="center" style="font-family: Verdana, Geneva, sans-serif; font-size: 9px; margin: 0; padding: 0; color:#E3E6DD; font-weight: normal;">
Copyright CPESP 2011 - Todos os direitos reservados -
Desenvolvido por GRUPO RMCOM</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"/>
</tr>
</table>
</td>
</tr>
</table><!--footer-->
</td>
</tr>
</table><!--/100% body table-->
</body>
</html>
Sugiro que você siga estas dicas para o recorte de email marketing:
http://wbruno.com.br/blog/2011/09/22/como-recortar-email-marketing/
convém ressaltar que background-image não funciona no gmail.