Firefox CSS@font-face怪癖

Firefox CSS@font-face怪癖,firefox,font-face,Firefox,Font Face,因此,我有一个@font-face设置,除了firefox之外,其他任何东西都可以使用,这在谷歌看来很常见 这里有点古怪。如果我将字体重量设置为粗体(在firebug中),它将工作,如果我将其设置为正常,它将返回 如果我在firebug中编辑字体,它将立即工作——即使我将其恢复到最初的状态 例如: 结果:未使用字体 进入firebug并更改字体中的任何内容(甚至只是将一个字符替换为以前的字符),它就会重新开始工作 为什么firefox首先不能正确加载字体 Chromium 28,firefox

因此,我有一个@font-face设置,除了firefox之外,其他任何东西都可以使用,这在谷歌看来很常见

这里有点古怪。如果我将字体重量设置为粗体(在firebug中),它将工作,如果我将其设置为正常,它将返回

如果我在firebug中编辑字体,它将立即工作——即使我将其恢复到最初的状态

例如:

结果:未使用字体

进入firebug并更改字体中的任何内容(甚至只是将一个字符替换为以前的字符),它就会重新开始工作

为什么firefox首先不能正确加载字体

Chromium 28,firefox 22

当Gecko显示使用web字体的页面时,它首先显示 使用用户计算机上可用的最佳CSS回退字体的文本 当它等待web字体完成下载时。每个网页 字体下载完成后,Gecko会更新使用该字体的文本。 这允许用户更快地阅读页面上的文本

尝试的事项:

  • 改变字体格式,可能先使用TTF或WOFF
  • 正在从“@font-face”声明中删除“font-variant:normal;”,因为它不属于该声明
  • 正确引用css url(file.ttf)->url('file.ttf')中的uri
  • ~last resort~使用数据uri生成器并将字体嵌入CSS

    src:url('data:application/octet stream;base64,BLAHBLAHBLAH==')格式('embedded-opentype')


除了它根本不加载字体之外-网络面板在字体文件上显示200响应,但直到我在firebug中弄乱CSS后才使用它。@JV-你使用的是什么操作系统?Linux,但我的老板在windows上得到了相同的结果。网页/字体/等托管在linux上/apache@JV-我添加了一些要尝试的东西。我将在一分钟内尝试它们,但我的主持人决定退出,所以我正在尝试重新开始。
@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;
}