Fontawesome图标不适用于IE9和Chrome

我正在使用最新的可用版本。 但图标仍然出现在我的应用程序在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

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


就像控制台说的那样:你正在做跨源字体加载,而不是从服务器发送正确的头文件来实现。 请参阅http://dev.w3.org/csswg/css3-fonts/#same-origin-restriction关于此规范(Chrome和IE未遵循)。


矿被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]
链接地址: http://www.djcxy.com/p/93473.html

上一篇: Fontawesome Icons not working on IE9 and Chrome

下一篇: CSS3111 error when embedding FontAwesome font in IE8