我使用图标字体在网页上显示图标。 通过HEAD中引用的css文件正确加载字体。该文件位于外部资产服务器上。让我们说
http://assets.example.com/css/fonts.css - > http://assets.example.com/css/fontfile.woff等
我在HTML和各种javascript文件中引用了这些图标(在页面底部加载)。
<span class="icon icon-info"></span>
我在Chrome和FF中看到404错误,浏览器尝试从页面位置加载字体。
http://www.example.com/jobs/1/fontfile.woff
似乎正在发生的事情是,在Javascript处理过程中,浏览器无法识别字体已加载或应该从其他位置加载。它随后尝试从当前位置加载字体文件
我使用的是Bootstrap和yui3,但这似乎无关紧要。
有关如何解决此问题的任何想法?