Web 字体未在支持的电子邮件客户端中呈现

【问题标题】：Web fonts not rendering in supportive email clientsWeb 字体未在支持的电子邮件客户端中呈现
【发布时间】：2018-12-18 19:48:43
【问题描述】：

据我了解，以下电子邮件客户端确实支持网络字体：

美国在线邮件原生 Android 邮件应用（不是 Gmail 应用）苹果邮件 iOS 邮件展望 2000 Outlook.com 应用程序

但是，它无法在 Apple Mail 和 AOL Mail 以外的任何地方正确呈现。我正在使用@import 方法从 Adobe Typekit 中提取 Bebas Neue： @import section

然后使用内联 CSS 样式调用它：

CSS call

我在这里错过了什么关键吗？为什么它不能在其他支持的客户端中正确呈现？

【问题讨论】：

标签： email webfonts typekit

【解决方案1】：

您需要在样式中声明该字体或在头部声明为 google web 字体链接。示例如下：

@media screen {
  @font-face {
    font-family: 'DINPro-Light';
    src: url('http://yourfont.com/fonts/din/DINPro-Light.eot');
    src: url('http://yourfont.comfonts/din/DINPro-Light.eot?#iefix') format('embedded-opentype'),
    url('http://yourfont.comfonts/din/DINPro-Light.woff2') format('woff2'),
    url('http://yourfont.comfonts/din/DINPro-Light.woff') format('woff'),
    url('http://yourfont.comfonts/din/DINPro-Light.ttf') format('truetype'),
    url('http://yourfont.comfonts/din/DINPro-Light.svg#DINPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }

【讨论】：