Question

我刚刚完成了我的HTML电子邮件，它在Gmail，Outlook 2010上工作正常但是当我在Yahoo电子邮件上打开它时，它显示Times New Roman而不是我在电子邮件中使用的Verdana字体。

还检查了原因并发现雅虎在每个文本之前添加了<p>标记并在其上应用了ID。它有CSS样式

#yiv7369716753 p {
    font-family: "Times New Roman","serif";
    font-size: 12pt;
}

我还试图通过使用CSS块来覆盖它，并且还使用了内联样式但没有成功......

body, p, #yiv9010530589 p {
    margin:0; 
    padding:0; 
    font-family:"Verdana", Geneva, sans-serif!important;
}

任何人，如果你有任何解决方案，那么请分享相同，因为我试图在网上搜索，但没有得到一些突出的东西，而不是像使用内联样式和在样式中使用重要的建议。

Answer 1

我曾经多次与雅虎讨论这个问题，谷歌每次都会如何解决这个问题。我发现唯一有效的方法是从字体系列声明中删除所有引号（单引号和双引号）。

font-family:"Verdana", Geneva, sans-serif!important;

...变为

font-family:Verdana, Geneva, sans-serif;

这应该有效。显然，这可能会对双字体字体产生其他影响，但这是另一天的另一个问题。

Answer 2

使用标题中的样式块覆盖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>Insert Title</title>
        <style>
            p {
                font-family: Arial, sans-serif !important;
            }
        </style>
    </head>

Answer 3

使电子邮件模板始终存在问题，每个电子邮件程序的工作方式各不相同，所以我建议您使用boilarplate模板，为什么？因为很多常见问题已经解决了，一个非常好的例子是http://htmlemailboilerplate.com/但是如果你在google上搜索你会发现更多...

Yahoo邮件没有显示正确的字体系列

3 个答案: