Outlook 2007 / 2013 不渲染 CSS 字体系列声明

2023-11-24

我正在使用 Litmus 测试电子邮件设计,但我无法在 Outlook 2007 / 2010 / 2013 中正确设置字体。每一个 HTML / CSS 技巧 / hack 都继续在 Times New Roman 中呈现:

`Outlook 2010 screenshot from Litmus

我主要使用简单的表格进行布局,因此所有内容最终都位于 TD 元素内。

以下是我尝试过的设置字体的各种技术。

我的风格宣言:在 HEAD 和 BODY 标签中都尝试过这个,但都不起作用。

<style>
@font-face {
    font-family: proxima-nova;
    src: url('assets/ProximaNova-Reg.otf');
}
@font-face {
    font-family: proxima-nova-blk;
    src: url('http://assets/ProximaNova-Black.otf');
}
body *, td, p, li {
    font-family: font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif;
}
</style>

TD 元素上设置的 CSS STYLE 属性:

  <td style="font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif; color:#FFFFFF; font-weight:300;font-size:18px;">

设置了 FACE 和 STYLE 属性的 FONT 标签:

<font face="proxima-nova,Proxima Nova Regular,Proxima Nova,verdana,sans-serif"  
    style="font-size:28px; 
    font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif;">

所有内部文本元素(P、LI、A)上的内联 CSS STYLE 属性:

我完全困惑了。在所有其他相关客户端上,一切都正常运行并且符合预期(即,考虑到各种错误和渲染怪异,字体的渲染符合我的预期),包括 iOS、Gmail、Outlook 2003 / Express 等:

enter image description here


我将此问题追溯到我的 STYLE 声明,该声明使用 @font-face 来拉入自定义字体文件以支持客户端(即 Apple)。显然,@font-face 声明的使用在 Outlook 2007 - 20013 中出现了问题。

<style>
@font-face {
    font-family: proxima-nova;
    src: url('http://assets/ProximaNova-Reg.otf');
}
@font-face {
    font-family: proxima-nova-blk;
    src: url('http://assets/ProximaNova-Black.otf');
}
</style>

我需要让 MS Outlook 忽略这个 STYLE 标签,所以我用[if !mso] tag:

<!--[if !mso]><!-->
<style>
@font-face {
...  
}
</style>
<!--<![endif]-->

哇,这让我发疯。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Outlook 2007 / 2013 不渲染 CSS 字体系列声明 的相关文章

  • 创建电子邮件模板时出现问题

    我正在尝试创建一个如下所示的电子邮件模板 我用过表 除了图像未显示在正确的位置之外 我可以做所有事情 图像应该显示在容器的中间和顶部 参见屏幕 1 但我无法完成它 我试图提供negative margin to container 但 gm
  • 表单提交mailto

    我有一个小问题 我正在为 iPhone 开发 html css javascript 应用程序 并且我有一个提交邮件的表单 例如
  • Outlook 中的 HTML 电子邮件呈现 - VML

    我创建了一封 HTML 电子邮件 在 Outlook 2007 中查看时 我看不到某些图像 因为它们是背景 我已经使用 VML 做了一些修改 但是它不允许我将高度值留空 因为它默认为 100px 或者我无法输入自动或百分比 背景图像需要能够
  • 从系列中删除异常

    我在 Outlook 中有一个系列 但有一些例外 我想做的是删除本系列中的所有例外 有谁知道是否有办法做到这一点 由于例外列表是只读的 我尝试清除重复模式并重新应用例外列表之外的所有值 如下所示 Dim tRType As OlRecurr
  • HTML 电子邮件中的内联边框样式

    我正在处理响应式 HTML 电子邮件 并且仅在 IE 中的 Gmail 中遇到渲染问题 必须如此 它在其他 27 个客户端变体中运行良好 我们需要支持 我在这里设置了一个小提琴 http jsfiddle net 39gzj http js
  • Outlook 2007、2010、2013 和 2016 中的按钮

    我在我正在编码的电子邮件的按钮内得到了这一笔画 它只出现在 Outlook 2007 2010 和 2013 中 我不知道如何删除它 有任何想法吗 Code a href http buttons cm style color ffffff
  • 响应式 HTML 电子邮件可以使用手风琴吗?

    我的客户想要一封响应式电子邮件 其中文本未完全显示 但已嵌入电子邮件正文中 当用户单击 单击更多 时 文本会展开并且所有文本都变得可见 那可能吗 据我所知 伪类在电子邮件客户端上是不可能的 并且使用内联编码构建手风琴在技术上非常困难 有任何
  • PHP邮件功能不以html格式发送

    在 PHP 中 我尝试以 HTML 格式发送电子邮件 到目前为止我有这个 subject Password Reminder message Your password is b password b br br br br me mess
  • 在 html 电子邮件中发送个性化图像的推荐方式是什么?

    我知道已经有人问过类似的问题 但答案几乎总是相同的 您需要在服务器上共享图像并从电子邮件中链接到它 为了我的目的 我不能那样做 图像需要针对我发送电子邮件的每个用户进行个性化 因此将为每个用户动态生成电子邮件 并且不会始终相同 我无法共享图
  • 电子邮件模板位置绝对吗?

    使用安全吗position absolute在电子邮件模板中 取决于您的用户使用的邮件客户端 例如 Outlook 处理位置 绝对好 而 Thunderbird 则不然 我会尝试将您的邮件模板设计得尽可能 正常 例如 表格有很大帮助 恶心
  • 如果屏幕尺寸小于指定值,则将水平块转换为垂直块

    在下面的代码中 我希望水平三列块放置并堆叠在彼此之上 以防容器的大小小于 X 像素 对于较小或移动设备 我应该如何以及在表的哪个元素上应用此属性 请注意 代码是一个内容块 因此我不想将 CSS 应用于整个电子邮件模板或电子邮件除非这是解决这
  • 以编程方式设置 MailItem 的后续标志来完成?

    我试图找出如何在 Outlook 2007 中通过 VBA 将 MailItem 的后续标志设置为完成 谷歌搜索返回了大量在 Outlook 2003 及之前版本中有效的方法 例如 更改 MailItem 的 FlagStatus 属性的值
  • HTML 电子邮件模板是否需要使用 style 属性?

    是否存在需要 出于某种原因 将 CSS 规则放置在style直接使用 HTML 标签的属性 而不是将 CSS 规则放置在 HTML 电子邮件模板 HEAD 的 STYLE 元素中的选择器内 我要求最常见的 CSS 选择器 如类型 类 ID
  • Outlook 中的文本不使用行高

    我正在使用 Html 创建电子邮件 并且偶然发现 Outlook 2010 存在问题 这是我的代码 td width 514 height 460 valign top td
  • 如何通过添加像素跟踪来跟踪各个收件人的阅读状态

    我正在构建一个电子邮件应用程序 其功能是在发送电子邮件后查看已读收件人 例如 如果我向 P1 发送了一封电子邮件并抄送 P2 和 P3 那么当 P1 打开电子邮件时 我作为发件人应该能够看到 P1 阅读了他们的电子邮件 为了实现这一目标 我
  • 编写 HTML 电子邮件时的最佳实践和注意事项 [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我开发网站已有十多年了 但很快发现我的许多网络开发习惯在为电子邮件客户端开发时毫无用处 这让我非常沮丧 所以我想问一个问题 对于像我这样不时为
  • 如何从自动添加的电子邮件中删除 data-saferedirecturl

    我正在使用 php 发送电子邮件 其中包含 exe 文件的下载链接 但是 gmail 在锚标记中添加了 data saferedirecturl 属性 该属性不允许下载文件 如果复制了网址并粘贴到新选项卡中 则开始下载 a href url
  • HTML 电子邮件:表格还是 div?

    html 电子邮件通讯的 HTML CSS 是否需要采用表格格式 或者我可以使用 DIV 来保证它能够在跨电子邮件客户端上良好地显示吗 我下载了许多模板来看看它们是如何完成的 并以此为基础构建我自己的模板 它们似乎都使用表格 非常感谢任何见
  • 为什么电子邮件正文给出不同的输出?

    我正在尝试触发来自 Google 应用程序脚本的电子邮件 const body HtmlService createHtmlOutput A b new task b have been added to the Task Manager
  • 表格样式边框- Outlook 2010 增加了额外的空间

    我创建了一个用于电子邮件营销的 HTML 我放置了一个表格 并在其周围应用了边框 table border 0 cellspacing 0 cellpadding 0 style border 1px solid 982676 margin

随机推荐