Fontes mudam sozinhas

Alexey Magliocca · Dezembro 3, 2011

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>
<!--início conteúdo notícias-->
                         <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>

William Bruno · Dezembro 3, 2011

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.

Entrar

Arquivado

Fontes mudam sozinhas

Recommended Posts

Alexey Magliocca 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

JAVA - Ajuda em Paginação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante