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

Question

我正在使用最新版本的 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 错误..

有人可以帮帮我吗？

Answer 1

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

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