如何在电子邮件或电子邮件模板中使用自定义字体

Posted 2023-03-15

【中文标题】如何在电子邮件或电子邮件模板中使用自定义字体

【英文标题】：how to use customs fonts in emails or email templates

【发布时间】：2012-11-09 06:18:06

【问题描述】：

为什么我们不能在电子邮件中使用自定义字体，为什么大多数邮件提供商不支持 @font-face 样式

【问题讨论】：

因为你把所有的时间都花在了在 Outlook 中排列东西上。

有些邮件客户端支持@font-face，有些不支持。 “如何使用自定义字体”问题在许多现有的 SO 问题中得到解决。 “为什么 [...] 不受支持”的问题并不具有建设性。

要回答您的问题，电子邮件要求所有 css 都内联。

【参考方案1】：

我不同意之前的一些回答，说你不能或不应该。

许多现代电子邮件客户端确实支持使用 @import 和 @FONT_FACE 方法的网络字体。

虽然支持这些字体的电子邮件客户端列表很详尽，但它们仍然在 10 个最常用的客户端列表中。

支持这些方法的客户端是：

美国在线邮件

原生 android 邮件应用（不是 Gmail 应用）

苹果邮件

ios 邮件

展望 2000

Outlook.com 应用

使用网络字体时，只需确保为不想玩球的客户提供备用网络安全字体，不设置备用网络安全字体会将字体默认为 Times New Roman 之类的字体。

正如其他人所说，如果您绝对需要一种不受支持的字体，这对您的设计很重要（例如：在标题中），最好将文本作为图像的一部分。请注意，在不加载图像的电子邮件客户端中，可能不清楚您的电子邮件是关于什么的。

您可以在电子邮件here 中阅读有关网络字体最佳实践的更多信息

【参考方案2】：

如果您想使用它们，只需从 Microsoft Office Word 中复制并粘贴它们即可。它对我有用。我使用 Live 和 ProtonMail 对其进行测试，并使用了 2 种不同的浏览器（Chrome 和 Opera）。

【讨论】：

不，这是一个严重的错误；如果收件人没有您粘贴的字体，他将看不到它。它将被默认字体替换。是的，应该使用网络字体。

【参考方案3】：

至少你总是可以像过去那样放图片而不是文字;-)

【讨论】：

大多数时候图片不会显示，邮件客户端往往会屏蔽它们。

【参考方案4】：

虽然到目前为止，上面的答案可能是正确的。看起来答案可能会改变。

良好的电子邮件营销设计是关于优雅的降级。虽然一些主要的电子邮件客户端不支持网络字体，但有些支持……包括移动设备上的客户端。如果您愿意确保您的后备字体不会以不可接受的方式破坏您的设计，那么活动监视器有一篇很棒的文章，介绍了对不同客户的支持状态和最佳实践。

http://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email

【讨论】：

链接失效，文章不在了。

【参考方案5】：

简单地说..你不能。或者更确切地说，你不应该因为缺乏支持。

使用自定义字体的唯一方法是为文本创建图像。根据文本的数量，这可能可行，也可能不可行。

【讨论】：

真的...那么为什么我可以在大多数电子邮件客户端中看到带有网络字体的电子邮件

@Pooya 你做看到这是一个 2012 的问题，对。在过去的几年里，情况有所改善。但是，在电子邮件中依赖字体仍然不是一个绝对的好主意。但只要你有后备选项，应该没问题。

看看乔恩的回答。这篇文章写于 2012 年。

我知道.. 并查看不支持的内容。仅仅因为事情在您的电子邮件客户端上运行，这并不意味着它们应该被使用，假设它们适用于世界上的每个人。争论这个没有意义..使用你想要的。我会坚持我所知道的可靠的。

您可以使用 @font-face 并回退到例如Arial - 一些客户支持它。