Firefox CSS@font-face怪癖
因此,我有一个@font-face设置,除了firefox之外,其他任何东西都可以使用,这在谷歌看来很常见 这里有点古怪。如果我将字体重量设置为粗体(在firebug中),它将工作,如果我将其设置为正常,它将返回 如果我在firebug中编辑字体,它将立即工作——即使我将其恢复到最初的状态 例如: 结果:未使用字体 进入firebug并更改字体中的任何内容(甚至只是将一个字符替换为以前的字符),它就会重新开始工作 为什么firefox首先不能正确加载字体 Chromium 28,firefox 22 当Gecko显示使用web字体的页面时,它首先显示 使用用户计算机上可用的最佳CSS回退字体的文本 当它等待web字体完成下载时。每个网页 字体下载完成后,Gecko会更新使用该字体的文本。 这允许用户更快地阅读页面上的文本 尝试的事项:Firefox CSS@font-face怪癖,firefox,font-face,Firefox,Font Face,因此,我有一个@font-face设置,除了firefox之外,其他任何东西都可以使用,这在谷歌看来很常见 这里有点古怪。如果我将字体重量设置为粗体(在firebug中),它将工作,如果我将其设置为正常,它将返回 如果我在firebug中编辑字体,它将立即工作——即使我将其恢复到最初的状态 例如: 结果:未使用字体 进入firebug并更改字体中的任何内容(甚至只是将一个字符替换为以前的字符),它就会重新开始工作 为什么firefox首先不能正确加载字体 Chromium 28,firefox
- 改变字体格式,可能先使用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')
@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;
}