字体在 Safari 中无法完全正常工作答案

【问题标题】：Font Face not working completely in Safari字体在 Safari 中无法完全正常工作
【发布时间】：2018-02-26 12:36:22
【问题描述】：

我正在使用 Font Face 属性，并且我已经在 Firefox、Chrome 和 Opera 中对其进行了测试……它工作正常。但是，当我在 safari 和 explorer 中尝试它时，它只适用于一条线路而不适用于另一条线路

这是css：

 @font-face { 
     font-family: font2;
     src:url(../fonts/Artbrush.TTF) ;
 } 

@font-face { 
    font-family: font1;
    src :url(../fonts/playbiln.TTF) ;
}

【问题讨论】：

标签： css internet-explorer safari

【解决方案1】：

将我在 css 文件中的 @fontface 声明中的 font-style: italic; 更改为（即使使用的是斜体、倾斜字体）font-style: normal;... 在斜体字体上请注意...

Safari 现在可以正常显示它们，并且似乎不会因为这种不匹配的解决方法而破坏其他浏览器。

【讨论】：

这为我解决了这个问题——typekit 正在为使用 font-style:italic 的字体生成 CSS @font-face 规则，但它在 Safari 中破坏了它——更改为 font-style:normal 修复了它（特别是字体为 Eloquent JF Pro)
是的，如前所述，如果您已经加载了斜体字体，那么 css 样式规则应该是正常的
非常感谢。为这个问题挠头
我非常感谢您发布此答案！我不明白为什么 Safari 拒绝下载我为我的 Angular 项目添加的递归字体。

【解决方案2】：

我以前遇到过这个问题。发生的事情是 ttf 字体通常在 mac / safari 上效果不佳

Safari and IE can't read TTF and EOT fonts

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效
非常感谢...这帮助了很多...it safari 读取 Woff 字体的接缝