Question

所以我有一个@ font-face设置，除了firefox之外的所有功能都可以使用 - 根据google的说法，它很常见。

这是一个奇怪的位。如果我将font-weight设置为粗体（在firebug中）它将起作用，如果我将其设置回正常，它将返回。

如果我在firebug中编辑font-face，它会立即生效 - 即使我把它放回原来的位置。

例如：

@font-face {
    font-family: PlayBold;
    src: url(Play-Bold-webfont.eot);
    src: url(Play-Bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(Play-Bold-webfont.woff) format('woff'),
         url(Play-Bold-webfont.ttf) format('truetype'),
         url(Play-Bold-webfont.svg#PlayBold) format('svg');

    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

#testtext {
    font-family: PlayBold;
}

结果：未使用字体。

进入firebug并更改font-face中的任何内容（即使只是替换具有相同字符的字符），它也会重新开始工作。

为什么firefox首先没有正确加载font-face？

Chromium 28，firefox 22。

Answer 1

当Gecko显示使用网络字体的页面时，它最初会显示使用用户计算机上可用的最佳CSS后备字体的文本而它等待网络字体完成下载。作为每个网络字体完成下载，Gecko更新使用该字体的文本。这允许用户更快地阅读页面上的文本。

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

可以尝试：

改变字体格式，可能先放置TTF或WOFF
删除“font-variant：normal;”来自“@ font-face”声明，因为它不属于那里
在你的css url（file.ttf）中正确引用uri - ＆gt; URL（ 'file.ttf'）
〜最后使用〜使用数据uri生成器并将字体嵌入到CSS
中
src：url（'data：application / octet-stream; base64，BLAHBLAHBLAH =='）格式（'embedded-opentype'），

Firefox CSS @ font-face怪癖

1 个答案: