All geek questions in one place

Css - @ font-face failed to execute cross origin request. Access to resources is limited.

I am using the latest version of FontAwesome as follows:

<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]-->

It works fine in Chrome, FireFox and Safari, but when I go to Internet Explorer 10 (older versions have the same problem), I see this error:

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

I tried adding FileMatch to the .htaccess file, but that didn't help.

I thought using CSS files from FontAwesomes CDN fixes IE errors.

Can someone help me?

+4
source share
2 answers

You must download and place the font-awesome on your server and call it from there

0
source

.htaccess:

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

Source: https://habr.com/ru/post/1531185/

More articles:


All Articles