我使用的是最新版本。但是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
可能导致问题的任何帮助??
答案 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]