вопросы происхождения Fontawesome Cross

Question

Я хочу, чтобы загрузить Fontawesome из CDN, но я получаю

failed cross-origin request. Resource access is restricted

Я знаю, что исправить это следует добавить HTTP заголовок, но есть ли способ избежать этого?

Я попытался заменить '../font/fontawesome-webfont.eot?v=3.2.0') с полными URL-адресами, но по какой-то причине он не помог. Есть ли что-нибудь, что можно сделать без заголовка?

Answer 1

Это ограничения политики в отношении браузеров того же происхождения http://www.w3.org/TR/css3-fonts/#same-origin-restriction.

Если вы используете амазонка s3 это может помочь вам Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading

Answer 2

Ваш CDN должен включать Access-Control-Allow-Origin:* заголовок в ответ на файлы шрифтов. См. Мой ответ Font Awesome icons not showing in Chrome, a MaxCDN related Cross-Origin Resource Sharing policy issue

Answer 3

Вы должны создать файл .htaccess на папке шрифта с этим текстом.

<FilesMatch ".(eot|ttf|svg|otf|woff|woff2)"> 
    Header set Access-Control-Allow-Origin "*" 
</FilesMatch> 

Answer 4

Конфигурация CORS

<?xml version="1.0" encoding="UTF-8"?> 
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> 
    <CORSRule> 
     <AllowedOrigin>http://www.your-site.com</AllowedOrigin> 
     <AllowedOrigin>https://www.your-site.com</AllowedOrigin> 
     <AllowedMethod>GET</AllowedMethod> 
     <AllowedMethod>HEAD</AllowedMethod> 
     <AllowedMethod>DELETE</AllowedMethod> 
     <AllowedMethod>PUT</AllowedMethod> 
     <AllowedMethod>POST</AllowedMethod> 
    </CORSRule> 
</CORSConfiguration>