我有以下文件布局:
/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 上不存在这个问题。看起来像是某种浏览器实现问题。解决方法表示赞赏。
最佳答案
由于“同源”安全策略，这看起来像是一个已知问题，请参阅 https://bugzilla.mozilla.org/show_bug.cgi?id=760436
之所以网站在加载更高级别的页面后可以正常工作，是因为字体已经被缓存了。
关于css - 无法从子目录加载 Font Awesome，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25865395/