【问题标题】:Outlook 2010 ignores font-familyOutlook 2010 忽略字体系列
【发布时间】:2015-05-15 17:08:12
【问题描述】:

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 会自动将该规则转换为内联规则,这就是为什么即使是 &lt;br /&gt; 标记也有它的原因。 (顺便说一句,这不是问题。)

在 Outlook 2010 中查看邮件时,文本是使用 Times 而不是 Arial 呈现的。我可以做些什么来解决这个问题?

【问题讨论】:

  • td { font-family: Arial, sans-serif; } 它只为td 提供样式
  • @VitorinoFernandes 我的问题不是&lt;br /&gt; 标记具有字体系列,而是 Outlook 2010 根本不使用 Arial 来显示时事通讯。
  • 所以我认为你应该选择@michael dibbets ans

标签: html css outlook-2010 newsletter font-family


【解决方案1】:

从 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 上非常有限。

【讨论】:

    猜你喜欢
    • 2015-07-15
    • 1970-01-01
    • 2012-02-18
    • 2018-06-20
    • 1970-01-01
    • 2012-05-14
    • 2023-03-07
    • 2014-04-09
    • 1970-01-01
    相关资源
    最近更新 更多