Font Face 在 Safari 中无法完全正常工作

Question

我正在使用 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) ;
}

Answer 1

将 css 文件中的

font-style: italic;

声明中的

@fontface

更改为（即使使用的是斜体、倾斜字体）

font-style: normal;

...斜体字体请注意...

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

Answer 2

我以前也遇到过这个问题。发生的情况是 ttf 字体通常在 mac / safari 上无法正常工作

Safari 和 IE 无法读取 TTF 和 EOT 字体

Answer 3

轻松修复

对我来说，添加

font-weight: 1 1000;

属性使其也适用于 safari。不合适的字体粗细现已修复。

@font-face {
  font-family: 'Inter var', sans-serif;
  src: url('/fonts/Inter-roman-latin.var.woff2') format('woff2');
  font-weight: 1 1000;
}

• 还有一个好处是，您无需检查

  @support

  。
• 为了更加谨慎，请检查 MDN 文档中的字体粗细