html - Outlook 2010 忽略字体系列

标签 html css outlook-2010 newsletter font-family

如前所述in this question (还有无数更多),你必须申请 font-family到每个元素,以便 Outlook 2010 显示正确的字体。

我就是这样做的,但字体仍然被忽略。

<td width="560" style="font-family:Arial, sans-serif;margin:0px;padding:0px;vertical-align:top;" id="ext-gen1361">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non autem illum, saepe pariatur dolorum nihil consectetur! Vel doloremque omnis labore, illo sequi debitis nemo nulla soluta quia maxime suscipit dolor.<br style="font-family:Arial, sans-serif;">
    <br style="font-family:Arial, sans-serif;">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, distinctio quo similique quis amet nisi nemo adipisci soluta id magni veniam quasi corrupti. Quisquam, illo placeat, aliquam sit sunt iste!<br style="font-family:Arial, sans-serif;">
    <br style="font-family:Arial, sans-serif;">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima incidunt iste sed temporibus quam, non maxime optio illum explicabo laborum libero, magnam accusamus in sit officiis ducimus, repudiandae at ipsa!<br style="font-family:Arial, sans-serif;">
</td>

我使用 Mailchimp 发送时事通讯并为每个元素定义字体系列,如下所示:

* {
    font-family: Arial, sans-serif;
}

Mailchimp 自动将该规则转换为内联规则,这就是为什么即使是 <br />标签有它。 (顺便说一句,这不是问题。)

在 Outlook 2010 中查看邮件时,文本是使用 Times 而不是 Arial 呈现的。我该怎么做才能解决这个问题?

最佳答案

从 HTML4(及更早版本)的黄金时代获取答案

指定文本的字体大小、字体和颜色:

<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>

使用字体通常可以解决我的外观问题。

基本上在为 outlook 客户端开发时,只使用 html4。 CSS 支持在 outlook 上非常非常有限。

关于html - Outlook 2010 忽略字体系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29028487/

相关文章:

html - 在一组大小为 ul 和 float li 的内部,我如何让它们正确格式化

html - 更改复选框样式以匹配表单中的所有其他样式

css - Outlook 2010 渲染差异?

vba - 循环通过 Outlook 项目的运行时错误

c# - 如何以编程方式在 Outlook 2010 中获取联系人的图片?

javascript - HTML5 contentEditable 检查格式是否适用于 execCommand?

html - 仅在 div 中添加 x 方向的内容

html - Bootstrap 在导航菜单中自动向左浮动

html - 如何创建一个包含堆叠文本的 div/按钮?

css - 如何包含 Chrome 扩展内容脚本的样式?