在 HTML 电子邮件或新闻稿中使用 Web 字体

上次更新日期: 2022年11月16日

@import CSS 嵌入代码可用于在 HTML 电子邮件或新闻稿中添加自定义 Web 字体。  

注释

JavaScript 字体加载用于 Adobe 的动态子集,这是东亚 Web 字体服务所必需的。  由于没有 CSS 嵌入代码选项,因此这些 Web 字体(包括支持中文、日语和朝鲜语的字体)不能在 HTML 电子邮件中使用。

选择要使用的字体

按照 Web 字体教程选择要使用的字体并创建项目。

添加嵌入代码

要找到项目的嵌入代码,请访问 Web 项目页面。 找到项目名称,然后单击“@import 链接”选项。 

将 <style> 标记和 @import 嵌入代码添加到电子邮件的 <head> 中,再加上字体系列名称。

HTML 电子邮件中使用的 @import 嵌入代码

该 Web 项目中还列出了 CSS 中用于设计文本样式的字体系列名称;阅读有关在 CSS 中使用字体的更多信息。

注释

@import 嵌入代码必须在 <style> 标记的开头,与任何其他 @import 语句在一起,否则字体将不会加载。 在 @import 行之前只允许列出一个 @charset 条目。

电子邮件客户端支持 Web 字体

有些电子邮件客户端不支持 HTML 电子邮件或电子邮件中的 Web 字体,这会影响您的收件人看到的内容。 一定要在电子邮件中指定后备字体,并在发送之前测试电子邮件,以使其在所有客户端中都能获得好的效果。

下面的简短列表列出了受欢迎的电子邮件客户端及其与 Web 字体的兼容性。

客户端名称

是否兼容?

AOL Mail

是

Android 邮件应用程序(原生,非 GMail)

是

Apple Mail

是

GMail

否

Google Inbox

否

iOS Mail

是

Outlook 2000

否

Outlook 2011 (OS X 10.10+)

是

Outlook 2016(OS X 10.10+ 和 Windows 10)

是

删除项目或取消订阅

如果删除电子邮件营销活动中正在使用的项目或取消托管项目的订阅,则所有已发送的电子邮件中将不再提供这些字体。 您指定的后备字体或电子邮件客户端的默认字体将代替它们使用。