我有这个带有自定义字体的网站,我正在使用@font_face 代码
@font-face {
font-family: 'webfontregular';
src: url('fonts/cracked-webfont.eot');
src: url('fonts/cracked-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/cracked-webfont.woff') format('woff'),
url('fonts/cracked-webfont.ttf') format('truetype'),
url('fonts/cracked-webfont.svg#webfontregular') format('svg');
font-weight: normal;
font-style: normal;
}
当网站在线时字体在 Firefox 上不工作
到目前为止我尝试了什么:
1-我尝试对字体使用相对和绝对 URL,即 url('../../../fonts/cracked-webfont.eot');
和 url('http://example.comfonts/cracked-webfont.eot');
2- 尝试将仅包含字体代码的 CSS 文件放在根目录中并且成功了
为什么字体代码只在 CSS 放置在根目录中时有效,即使我使用相对 URL,因为 Firefox 不支持跨域字体 Web 引用
最佳答案
在 firebug 中检查是否所有资源都已加载到“网络”选项卡下,如果已加载则可能是该字体有问题。
关于html - Firefox @font_face 只有在根目录下才有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14943982/