Question

我已经整理了一封HTML电子邮件。我们这里的一些人一起知道如何做得很好（表格，内联样式等），它在多个浏览器以及Outlook，Google和Hotmail中都能完美显示。

然而，雅虎是另一回事。当我们指定sans-serif时，所有文本都以serif字体显示。这里有一段代码作为如何完成的示例：

<tr>
  <td colspan="2" width="600px" style="padding: 15px 0 15px 0; font-family:arial,sans-serif; font-size:40px; color:#0066cc;">
    Some text in here
  </td>
</tr>

我们尝试使用代码并在其中设置样式，也尝试了，但这些似乎都不起作用。

是否有人有类似的经历和/或更重要的是，是否有任何HTML电子邮件专家知道如何解决此问题？

Answer 1

首先要看的是雅虎为您的网络浏览器提供的HTML。如果他们真的修改了HTML就有你的答案。

否则，它可能是一个CSS规则，在自己的样式表中定义为“！important”。如果是这种情况，则font-family:sans-serif !important可以解决您的问题。

Answer 2

事实证明，雅虎邮件似乎对字体表面非常奇怪。根据我的经验（以及最近的测试），您似乎只需要使用face标记的属性而不使用{内联样式中的{1}}。

例如，以下代码在Yahoo中生成带有衬线的文本：

font-family

但是下一个示例正常工作，根据需要修改字体

Text

后者在Gmail，Hotmail和Outlook 2010中也是一致的（可能还有其他人，那些只是我测试的那些）

祝你好运！

Answer 3

我刚刚通过雅虎运行你的例子：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Untitled Document</title>
    </head>
  <body>
    <table>
      <tr>
        <td colspan="2" width="600px" style="padding: 15px 0 15px 0; font-family:arial,sans-serif; font-size:40px; color:#0066cc;">
      Some text in here
        </td>
      </tr>
    </table>
  </body>
  </html>

它的渲染没有衬线......唯一不正确的是TD的width属性上的“px”。

您的代码中是否存在导致此问题的严重错误？

当我指定sans-serif时，如何阻止Yahoo在HTML电子邮件中显示serif字体？

3 个答案: