firefox @ font-face与fontawesome失败

Question

我正在运行的OSS应用程序上使用FontAwesome字体,我似乎无法通过Firefox的字体清理器.

这些文件都在同一个域中提供,路径是正确的,我正在使用FontAwesome的官方CSS,当通过他们的网站和本地文档提供服务时,它可以在Firefox中运行.

所以我一定要错过一些简单的东西.

实时网址:https://bmark.us

[11:39:02.945] downloadable font: invalid version tag (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0)
source: http://127.0.0.1:6543/static/font/fontawesome-webfont.eot @ http://127.0.0.1:6543/static/css/responsive.css
[11:39:02.945] downloadable font: rejected by sanitizer (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0)
source: http://127.0.0.1:6543/static/font/fontawesome-webfont.eot @ http://127.0.0.1:6543/static/css/responsive.css

当我尝试通过dev更正此错误时,是Firefox的错误示例.我试图做完全根路径/静态/字体和相对于CSS ../font/,它总是失败,我的这些错误.

一切都适用于Chrome等.似乎Firefox只恨我.我搜索了其他答案,我得到了整个系列的字体.

https://github.com/mitechie/Bookie/tree/develop/bookie/static/font

谢谢你的任何提示.

Answer 1

谢谢,这是一个两部分问题.

第二部分是第一部分.来自fontawesome.scss的示例css使用各种字体格式的路径周围的单引号.当我在他们上运行我的scss构建器(pyscss)时,它将它们剥离.他们需要双引号.

由于没有引号,FF无法解析src:url(...)位.因为它失败了它只有src:..这是IE的意思,它在FF中不起作用.

将报价更改为双引号使一切都快乐.

所以这是我使用pyscss的错误,它的解析器最终打破了Firefox的语法.

感谢马特帮我看看这个接近.

Answer 2

A) 您确定您的服务器已设置 eot/woff/ttf/svg 的 mime 类型吗？B) 看来您遇到了 EOT 问题。这可以通过 Firefox 不支持 EOT 来解释；它使用 WOFF 和 TTF。C) 您是否尝试过使用 Firebug 或 Firefox 的本机开发工具进行调试？D) 你能发布你的（相关的）CSS 和 HTML 吗？