Question

我的客户希望在HTML电子邮件中使用自定义字体。我知道这在浏览器中存在一些兼容性问题，但我的感觉是，通常大多数电子邮件客户端都会正确显示它，其他人可能会使用后备字体，而其他一些黑客可以使用（例如通常的Outlook）。

https://litmus.com/blog/typography-tips-for-email-designers

我无法理解：如果我有自定义字体，我可以立即将其用作网络字体，作为我们自己的字体提供商吗？或者是否需要任何转换，或某些类型的配置？有可能吗？我所知道的唯一的webfont提供商是Google字体。

Answer 1

要使用自定义网络字体，您需要转换它（例如https://www.web-font-generator.com/）;在你的css文件中解压缩，然后将这些行添加到你的css文件（或你的html文件），它应该工作：

@font-face {
font-family: 'proxima_nova_rgbold';
src: url('../fonts/proximanova-bold-webfont.eot');
src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
     url('../fonts/proximanova-bold-webfont.woff') format('woff'),
     url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
     url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
font-weight: normal;
font-style: normal;

}

任何字体都可以用作网络字体（特别是对于HTML电子邮件）

1 个答案: