1

我正在使用可用的最新可用版本。但是这些图标仍然在我的 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

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

4

2 回答 2

0

就像控制台说的那样：你正在做跨域字体加载，而不是从服务器发送正确的标题来允许这样做。请参阅http://dev.w3.org/csswg/css3-fonts/#same-origin-restriction了解此规范（Chrome 和 IE 未遵循该规范）。

于 2013-02-05T00:08:04.487 回答
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]
于 2013-02-12T12:06:30.363 回答