html - css - @font-face 跨域请求失败。资源访问受到限制。

标签 html css .htaccess webfonts font-awesome

我正在使用最新版本的 FontAwesome,如下所示:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
     <!--[if IE 7]>
        <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome-ie7.min.css">
    <![endif]-->

它在 Chrome、FireFox 和 Safari 中运行良好,但是当我转到 Internet Explorer 10 时(旧版本有相同的问题),我看到以下错误:
CSS3117: @font-face failed cross-origin request. Resource access is restricted. 
fontawesome-webfont.eot
CSS3117: @font-face failed cross-origin request. Resource access is restricted. 
fontawesome-webfont.woff

我曾尝试将 FileMatch 添加到我的 .htaccess 文件中,但这并没有奏效。

我认为使用来自 FontAwesomes CDN 的 CSS 文件,消除了 IE 错误..

有人可以帮帮我吗?

最佳答案

在您的 .htaccess 中添加以下行:

Header set Access-Control-Allow-Origin "*"

关于html - css - @font-face 跨域请求失败。资源访问受到限制。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22329263/

相关文章:

html - 为什么 jQuery Ajax 帖子会清除所有使用过 load() 的 div?

javascript - 如何在 Angular 中切换卡片页脚

css - 防止 float 图像在ie6中清除<p>

php - 本地主机和 htaccess

php - 增加 SilverStripe 网站的最大文件上传大小

html - Bootstrap 垂直对齐列内容与移动优化

html - 背景颜色填充另一个标签 | CSS

javascript - 如何使div静态化,这样如果屏幕有两个大它就不会跳起来

css - 如何将背景图片放在 Logo 图片后面?

php - .htaccess auto_prepend_file 如果 url 包含