Question

我的网站有自定义字体，我使用的是@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引用

Answer 1

在萤火虫检查中查看是否所有资源都已加载到“网络”标签下，如果有，那么可能是该字体存在问题。

Firefox @font_face仅在根目录中有效

1 个答案: