css - 无法从子目录加载 Font Awesome

Question

我有以下文件布局:

/website/index.html
/website/font-awesome/css
/website/font-awesome/fonts
/website/Subdirectory/page1.html

页面/website/index.html根本不使用 Font Awesome； /website/Subdirectory/ 中的文件使用它。

如果我直接访问/website/Subdirectory/page1.html Font Awesome 图标显示为一个盒子，里面有 UniCode 编号。如果我访问 /website/index.html首先，然后访问子目录中的任何页面将按预期显示图标。

关于 page1.html我有<link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css"> .

这是本地托管的；即通过 file://

更新

downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:2): status=2147500037
source: file:///correct/path/to/website/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0

我在 Mac 上使用 Firefox。根据 Finder，字体版本为 4.2.0。

在 Chrome 上不存在这个问题。看起来像是某种浏览器实现问题。解决方法表示赞赏。

Answer 1

由于“同源”安全策略，这看起来像是一个已知问题，请参阅 https://bugzilla.mozilla.org/show_bug.cgi?id=760436

之所以网站在加载更高级别的页面后可以正常工作，是因为字体已经被缓存了。