css控制HTML电子邮件中的字体大小_Css_Html Email_Font Size

css控制HTML电子邮件中的字体大小

css

css控制HTML电子邮件中的字体大小,css,html-email,font-size,Css,Html Email,Font Size,有没有办法将HTML电子邮件中的字体保持在相似的大小？在网站上它看起来很棒，但在我的电子邮件中，文本非常小，而且很近我在邮件中加入了一个屏幕截图有办法解决这个问题吗以下是html代码： <html> <head> <title>The Most Holy Rosary</title> <meta http-equiv="Content-Type" content="text/html; charset=

有没有办法将HTML电子邮件中的字体保持在相似的大小？

在网站上它看起来很棒，但在我的电子邮件中，文本非常小，而且很近

我在邮件中加入了一个屏幕截图

有办法解决这个问题吗

以下是html代码：

<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 &quot;like&quot; 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>


至圣念珠
#表01 tr td#箱{
字体系列：塔荷马，日内瓦，无衬线；
字体大小：16px；
线高：24px；
}
赞美耶稣基督


感谢您抽出时间阅读此电子邮件。我们正在开发一些激动人心的媒体，通过天后玛丽的力量（启示录12）和上天赐予我们的祝福，帮助你和其他人更加爱上耶稣。。。最神圣的念珠
如果可以的话，我们需要你的帮助。我们需要你回答一些关于念珠的快速问题。同样，一旦进入页面，你可以在Facebook上“喜欢”它，推特它，最后将此电子邮件转发给可能感兴趣的朋友。令人惊叹的！非常感谢你

请相信我在我的念珠中为你所作的祈祷和你所有的意图
在耶稣基督仁慈的心中，

埃德维兹诺

始终为电子邮件提供内联样式。电子邮件不支持外部样式。这样写：

<table style="font-size:16px" width="843" height="855" border="0" align="center" cellpadding="0" cellspacing="0"></table>

对于电子邮件，将所有字体css内联到字体标记、span标记或包含文本的
中

<font style="color:#770000;">This will always work</font>

这将始终有效

这个也会。
我正在发布有效的代码。我在表格上做了“内联样式”，但它不起作用，所以我在所有段落上都放了“内联样式”。它在我的电子邮件客户端中看起来不错
只有一个小问题，那就是左边的图像，文本空白旁边的左栏，就像gmail中的一个像素。无法修复这个问题
好的，这是有效的代码

<html> <head> <title>Holy Mary Email copy</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  <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="0" id="box"> <tr> <td valign="top"><p style="font-family: Tahoma, Geneva, sans-serif; font-weight: bold; color: #666; font-size: 17px">PRAISE BE JESUS CHRIST!</p> <p><span style="font-family: Verdana, Geneva, sans-serif; font-size: 17px">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. <br> <br> </span><span style="font-family: Verdana, Geneva, sans-serif; font-size: 17px">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.</span></p> <span style="font-family: Verdana, Geneva, sans-serif; font-size: 17px"> <p align="center"><a href="http://www.EdVizenor.com/?p=questions"><img src="http://www.EdVizenor.com/rosary/email/images/HolyRosary.png" alt="" width="364" height="67"></a></p> </span> <p><span style="font-family: Verdana, Geneva, sans-serif; font-size: 17px">Be assured of my prayers for you and all your intentions in my Rosary.</span></p> <p><span style="font-family: Verdana, Geneva, sans-serif; font-size: 17px">In The Merciful Heart Of Jesus Christ,</span><br> <span style="color: #666">Ed Vizenor </span> </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>  </body> </html>

圣母玛利亚电子邮件副本赞美耶稣基督感谢您抽出时间阅读这封电子邮件。我们正在开发一些激动人心的媒体，帮助您和其他人通过天皇玛丽的力量（启示录12）和上天赐予我们的祝福……最神圣的念珠，更加爱上耶稣。如果可以的话，我们需要你的帮助。我们需要你回答一些关于念珠的快速问题。同样，一旦进入页面，你可以在Facebook上“喜欢”它，推特它，最后将此电子邮件转发给可能感兴趣的朋友吗？太棒了！非常感谢你请相信我在我的念珠中为你所作的祈祷和你所有的意图在耶稣基督仁慈的心中，埃德维兹诺
在那里！为了避免Gmail中图像间距的问题（Hotmail中也会出现这种情况），您必须将
display=block
作为内嵌CSS样式放入图像中。就像这样：

img src="http://webserver.com/image.jpeg" alt="" style="display:block;"

我发现这个库非常方便。好的，我把它放在一个包含主文本的表中。仍然不起作用：这个代码会起作用，可能还有其他问题。为了获得良好的实践，请检查gmail等中的一些电子邮件代码。如果文本位于
标记内，一些邮件客户端会更改字体。所以，哟您需要对每个表格单元格重复此操作：
…
。希望这有助于有人登录此处。
img src="http://webserver.com/image.jpeg" alt="" style="display:block;"