Html 当我';您指定了无衬线吗?

Html 当我';您指定了无衬线吗?,html,email,fonts,yahoo,Html,Email,Fonts,Yahoo,我已经整理了一封HTML电子邮件。总之,我们中的一些人知道如何很好地实现这一点(表、内联样式等),并且它可以在多个浏览器以及Outlook、Google和Hotmail中完美地显示 然而,雅虎是另一回事。当我们指定无衬线字体时,所有文本都以衬线字体显示。下面是一段代码,作为如何完成的示例: <tr> <td colspan="2" width="600px" style="padding: 15px 0 15px 0; font-family:arial,sans-seri

我已经整理了一封HTML电子邮件。总之,我们中的一些人知道如何很好地实现这一点(表、内联样式等),并且它可以在多个浏览器以及Outlook、Google和Hotmail中完美地显示

然而,雅虎是另一回事。当我们指定无衬线字体时,所有文本都以衬线字体显示。下面是一段代码,作为如何完成的示例:

<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电子邮件专家?

首先要看的是Yahoo提供给您的web浏览器的HTML。如果他们真的修改了HTML,请给出答案


否则,它可能是一个CSS规则,在他们自己的样式表中被定义为“!important”。如果是这种情况,那么
font-family:sans-serif!重要提示
可以解决您的问题。

事实证明,Yahoo mail的字体看起来非常奇怪。根据我的经验(以及最近的一次测试),您似乎只需要使用
标记的
face
属性,而不需要在内联样式中使用
font-family

例如,以下代码在Yahoo中生成带衬线的文本:

Text

但下一个示例工作正常,可以根据需要修改字体

Text

后者在Gmail、Hotmail和Outlook 2010中也是一致的(可能还有其他的,这些都是我测试过的)


祝你好运

我刚刚通过Yahoo运行了您的示例:

  <!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”

您的代码中可能存在导致此问题的一些关键错误

你试过“字体系列:无衬线!重要”吗?