微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

解决方法

向电子邮件模板添加自定义字体的唯一区别是,默认情况下,Windows 上的 Outlooks 将忽略您的字体堆栈并回退到 Times New Roman。为防止出现这种情况,您可以在 mso-generic-font-family:swiss; 声明中添加 @font-face。 (我写了 an article about this property here。)但是如果您想添加 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]-->

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

Can I email… @font-face

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。