相关疑难解决方法(0)

在 Firefox (Windows 7) 中，从Font Awesome包调用的图标和字形无法正确呈现。在可汗学院网站上可以看到一个例子。在视频下方，图标显示为带有十六进制代码的框。这意味着它不会被 Firefox 下载。

它在 Chrome (Windows 7)、Safari (Mac OS X) 和不锈钢 (Mac OS X) 上的显示方式：

我在 Stack Overflow 上发现了这个问题，它可以解释为什么会发生这种情况——CSS 确实使用单引号将字体的 src 位置括起来。但是，我对可汗学院服务器没有任何写入权限，因此我无法修改实际网站。我想知道这是否可以在 Firefox 中修复，以及如何修复。如果有帮助，我可以运行 Greasemonkey 脚本。我已经尝试手动下载字体并将其添加到 Windows 的 Fonts 文件夹中，但这无济于事。

作为参考，设置此字体的 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 并与可汗学院的 CSS 进行比较，我发现两个代码完全相同， …