Fontawesome图标在IE9和Chrome上不起作用
我使用的是可用的最新版本。但这些图标在我的IE9应用程序中仍然以框的形式出现(注意:它在IE8上运行得很好)。尽管当打开fontawesome页面时，图标看起来很正常。
这是我在开发人员工具的控制台中得到的：
CSS3117：@font-face跨域请求失败。资源访问受到限制。font-webfont.eot？#iefix&v=3.0.1 CSS3117：@font-face跨域请求失败。资源访问受到限制。font-webfont.woff?v=3.0.1 CSS3117：@font-face跨域请求失败。资源访问受到限制。3.0.1 webfont.ttf?v=3.0.1
我还发现它在Firefox上不起作用。它只能在chrome和IE8上运行。
对可能导致问题的原因有什么帮助吗？
回答 2
Stack Overflow用户
发布于 2013-02-05 08:08:04
就像控制台所说的那样:您正在进行跨源字体加载，并且没有从服务器发送正确的头文件来允许这样做。有关这方面的规范，请参阅http://dev.w3.org/csswg/css3-fonts/#same-origin-restriction ( Chrome和IE没有遵循)。
Stack Overflow用户
发布于 2013-02-12 20:06:30
我的被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]https://stackoverflow.com/questions/14685742
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号