我有以下文件布局:
/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
,字体真棒图标会显示为内置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上,此问题不存在。看起来像某种浏览器实现问题。周围的工作表示赞赏。
答案 0 :(得分:3)
看起来这是一个已知问题,因为&#34;相同的起源&#34;安全政策,请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=760436
加载更高级别页面后网站工作的原因是该字体已经缓存。
答案 1 :(得分:0)
我的问题是在我的rails应用程序中设置环境变量。
config.action_controller.relative_url_root =“/ myrailsapp”