css - 在电子邮件 html 模板中使用自定义字体

Question

我正在尝试在我的电子邮件模板中使用自定义字体，但似乎像 gmail 这样的网络邮件删除了电子邮件正文中的样式标签。有没有办法在电子邮件正文中加载自定义字体？喜欢文件 URL 或 base64 编码的数据 URI？

Answer 1

使用@font-face 的自定义字体仅对电子邮件提供有限支持(不支持 Gmail)。 https://www.caniemail.com/features/css-at-font-face/

解决它的唯一方法是将其保存为图像。话虽如此，许多人确实出于这个原因广泛使用图像。

如果您确实使用图片进行写作，请确保您:

1. 使用足够大的字体以在移动设备上阅读(通常会将其缩小到一半)
2. 使用“alt”属性为屏幕阅读器、智能 watch 和其他使用电子邮件纯文本格式的智能设备写出文本
3. 在几个不同的电子邮件客户端上进行测试
4. 不要过度。低质量(和垃圾邮件)的电子邮件往往图片过多，您不想获得那种声誉。