无法从子目录加载Font Awesome

时间:2014-09-16 09:36:58

标签: css font-awesome

我有以下文件布局:

/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上,此问题不存在。看起来像某种浏览器实现问题。周围的工作表示赞赏。

2 个答案:

答案 0 :(得分:3)

看起来这是一个已知问题,因为&#34;相同的起源&#34;安全政策,请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=760436

加载更高级别页面后网站工作的原因是该字体已经缓存。

答案 1 :(得分:0)

我的问题是在我的rails应用程序中设置环境变量。

config.action_controller.relative_url_root =“/ myrailsapp”

请参阅https://github.com/bokmann/font-awesome-rails