Fontawesome图标无法在IE9和Chrome上运行

时间:2013-02-04 11:23:07

标签: internet-explorer firefox font-awesome

我使用的是最新版本。但是IE9上我的应用程序中的图标仍然显示为框(注意:它在IE8上工作正常)。虽然在打开fontawesome页面时,图标显示正常。

这是我在开发人员工具的控制台中得到的:

CSS3117:@ font-face失败的跨源请求。资源访问受到限制。 fontawesome-webfont.eot#iefix&安培; V = 3.0.1 CSS3117:@ font-face失败的跨源请求。资源访问受到限制。 fontawesome-webfont.woff?V = 3.0.1 CSS3117:@ font-face失败的跨源请求。资源访问受到限制。 fontawesome-webfont.ttf?V = 3.0.1

我也发现它不适用于Firefox。它仅适用于chrome和IE8

可能导致问题的任何帮助??

2 个答案:

答案 0 :(得分:0)

与控制台一样说:您正在进行跨源字体加载,而不是从服务器发送正确的标头以允许这样做。有关此规范(Chrome和IE未遵循此规范),请参阅http://dev.w3.org/csswg/css3-fonts/#same-origin-restriction

答案 1 :(得分:0)

我被htaccess封锁了。

我在.htaccess上有这个,并且必须添加扩展名。

# Do not process images or CSS files further
RewriteRule \.(css|jpe?g|gif|png|js|ico|mp3|ogg|eot|svg|ttf|woff)$ - [L]