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

oli*_*rbj 5 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]-->
Run Code Online (Sandbox Code Playgroud)

它在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
Run Code Online (Sandbox Code Playgroud)

我试图将FileMatch添加到我的.htaccess文件中,但是没有成功。

我以为使用FontAwesomes CDN的CSS文件消除了IE错误。

有人可以帮帮我吗?

Dim*_*los 0

您应该在服务器上下载并托管 font-awesome 并从那里调用它

  • 这并不是一个真正的解决方案,因为字体的 CDN 非常常见 (3认同)