我们如何将自定义字体添加到电子邮件模板？

Question

我正在设计电子邮件模板，但我的自定义字体不会影响任何文本。特别是波斯语/波斯语字体。 那么如何在我的电子邮件模板中添加一些自定义字体？

Answer 1

向电子邮件模板添加自定义字体的唯一区别是，默认情况下，Windows 上的 Outlooks 将忽略您的字体堆栈并回退到 Times New Roman。为防止出现这种情况，您可以在 mso-generic-font-family:swiss; 声明中添加 @font-face。 （我写了 an article about this property here。）但是如果您想添加 Google 字体，我最喜欢将其嵌入 HTML 电子邮件的方法是使用条件注释来包装 <link> 元素并将其隐藏在 < em>Windows 上的 Outlook。

<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,700;1,300&display=swap" rel="stylesheet" />
<!--<![endif]-->

然而，即便如此，您也必须知道 HTML 电子邮件中的 @font-face 支持非常有限。截至 2021 年 6 月，它在 Apple Mail（iOS、macOS）、Outlook（仅限 macOS）、Thunderbird 和少数其他客户端中运行良好。它不适用于来自 Gmail、Outlook.com 或 Yahoo 的任何客户端。请务必查看Can I email… @font-face了解更多详情。