html - 我们如何向电子邮件模板添加自定义字体？

Question

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

标签： htmlcssemailemail-templates

Answer 1

将自定义字体添加到电子邮件模板的唯一区别是，默认情况下， Windows 上的 Outlook将忽略您的字体堆栈并回退到Times New Roman。为防止这种情况，您可以mso-generic-font-family:swiss;在@font-face声明中添加 。（我在这里写了一篇关于此属性的文章。）但是，如果您想添加 Google 字体，我最喜欢将其嵌入 HTML 电子邮件的方法是使用条件注释来包装<link>元素并将其隐藏在 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]-->

但是，即使这样，您也必须知道@font-faceHTML 电子邮件中的支持非常有限。截至 2021 年 6 月，它在 Apple Mail（iOS、macOS）、Outlook（仅限 macOS）、Thunderbird 和极少数其他客户端中运行良好。它不适用于 Gmail、Outlook.com 或 Yahoo 的任何客户端。请务必检查我可以通过电子邮件发送...@font-face了解更多详细信息。