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

【问题标题】：Can any font be used as web-font (specifically for HTML emails)任何字体都可以用作网络字体（特别是 HTML 电子邮件）
【发布时间】：2015-07-09 15:00:32
【问题描述】：

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

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

我不明白的是：如果我有自定义字体，作为我们自己的字体提供商，我可以立即将其用作网络字体吗？或者是否需要任何转换，或某种配置？有可能吗？我知道的唯一网络字体提供商是 Google 字体。

【问题讨论】：

自定义字体的问题在于并非所有浏览器都接受每种字体格式。所以是的，您可能需要转换为不同的格式。
经过更多研究，发现这个问题 stackoverflow.com/questions/11729926/… 及其在响应中的嵌入链接，看起来我只需要在可访问的地方提供字体，通过 CSS url(mysuperfont.tty) 引用它，然后而已！这可以确认吗？
@Oriol 是的，我知道，如果他想冒一些电子邮件客户端没有字体的风险，我会将决定留给客户

标签： html css fonts html-email webfonts

【解决方案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;

}

【讨论】：