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

问题描述

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

解决方法

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

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

如果您确实使用图像进行写作，请确保：

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