我的 HTML 电子邮件在 Yahoo Mail 中显示 Serif 而不是 Sans-serif

Posted 2023-04-18

【中文标题】我的 HTML 电子邮件在 Yahoo Mail 中显示 Serif 而不是 Sans-serif

【英文标题】：My HTML email is displaying Serif instead of Sans-serif in Yahoo Mail

【发布时间】：2012-01-17 18:18:10

【问题描述】：

我有一份几乎准备好以 html 格式发送的时事通讯，并且我成功地使它在所有主要的电子邮件客户端和网络邮件服务（Outlook、Gmail、Yahoo Mail、Hotmail、AOL 等）中看起来几乎相同。 -- 是的，这根本不是一件容易的事）。

不过有一个烦人的例外：Yahoo Mail 将我的 Sans-serif 字体更改为 Serif。

我已按本书编写了我的 HTML 电子邮件（参考：Guide to CSS support in email），并且我尝试了一些建议的解决方案，但似乎没有一个可行。

编辑：这是我的 HTML 代码的摘录：

<table  style="font-family:Arial; font-size:13px; border-collapse:collapse">
  <tr>
    <td style="padding:5px"><font face="Arial">...some text...</font></td>
  </tr>
</table>

我使用了内联 CSS 和 <font> 标记来声明我的字体，正如某些网站所建议的那样，但没有。

至于 Yahoo 生成的标记，我只能看到很多 javascript，因为奇怪的是，这个问题只适用于现代 Yahoo Mail 界面。

这里有没有人遇到过这个问题并有经过验证的解决方案？

干杯，

标记

【问题讨论】：

How do I stop Yahoo displaying serif fonts in HTML emails when I've specified sans-serif?的可能重复

【参考方案1】：

将font-family: arial, sans-serif; 作为内联样式放入td。

例如，<td style="font-family: arial, sans-serif;">