Firefox无法从Font Awesome网络字体集中渲染图标
在Firefox（Windows 7）中，从“ 真棒字体”包中调用的图标和字形无法正确呈现。可汗学院网站上提供了一个示例。视频下方的图标显示为带有十六进制代码的框。这意味着它不会被Firefox下载。 它在Chrome（Windows 7），Safari（Mac OS X）和不锈钢（Mac OS X）上的显示方式： 我在Stack Overflow上发现了这个问题，可以解释为什么会发生这种情况-CSS确实使用单引号将字体的src位置括起来。但是，我对Khan Academy服务器没有写权限，因此无法修改实际的网站。我想知道这是否可以在Firefox中修复，以及如何解决。如果可以的话，我可以运行Greasemonkey脚本。我已经尝试过手动下载字体并将其添加到Windows的“字体”文件夹中，但这无济于事。 作为参考，设置此字体的CSS（Firefox无法正确处理）是： @font-face { font-family:'FontAwesome'; src:url('./fontawesome-webfont.eot'); src:url('./fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('./fontawesome-webfont.woff') format('woff'), url('./fontawesome-webfont.ttf') format('truetype'), url('./fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight:normal; font-style:normal } [class^="icon-"]:before, [class*=" icon-"]:before { font-family:FontAwesome; font-weight:normal; font-style:normal; display:inline-block; text-decoration:inherit } 更新：我发现Firefox在Font Awesome软件包的网站（上面链接）中正确显示了基于字体的图标。通过检查CSS并将其与Khan Academy的CSS进行比较，我发现这两个代码完全相同，除了 KA的CSS的最后一个属性后面没有分号（如果忽略了压缩的事实）。缺少分号是否会导致此问题？