Отличный шрифт на моем собственном cdn

Я скачал font-awesome 4.5.0 и поставил на свой cdn (cachefly). Затем, как было предложено из font-awesome, я использовал ссылку на файл css, например:

<link rel="stylesheet" href="http://mycachefly.cachefly.net/external/font-awesome/4.5.0/css/font-awesome.min.css">

Однако я принимаю следующую ошибку:

Font from origin 'http://wisa.cachefly.net' has been blocked
from loading by Cross-Origin Resource Sharing policy: 
No 'Access-Control-Allow-Origin' header is present on 
the requested resource. Origin 'http://localhost' is 
therefore not allowed access.

Что здесь не так?

ps: у меня нет файла .htaccess. Это смешанный проект из extjs и angular


angularjs cdn access-control font-awesome extjs
person Asqan    schedule 27.01.2016    source источник
comment
stackoverflow.com/a/14308390/4759033   -  person Satej S    schedule 27.01.2016
comment
где я должен использовать этот код?   -  person Asqan    schedule 27.01.2016
comment
@Asqan в конфигурации апача   -  person Nitsan Baleli    schedule 27.01.2016

Ответы (1)


arrow_upward
0
arrow_downward

Это происходит из-за того, что у вас не включен CORS, что позволяет загружать ресурсы из другого домена, отличного от вашего источника. Некоторые службы включают CORS по умолчанию, например fontawesomecdn.

В нижней части этой страницы также есть объяснение включения CORS на исходном сервере, независимо от того, используете ли вы Apache или Nginx.

Apache — поместить в файл .htaccess

<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css|js|gif|png|jpe?g|svg|svgz|ico|webp)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Nginx - place in nginx.conf file

location ~ \.(ttf|ttc|otf|eot|woff|font.css|css|js|gif|png|jpe?g|svg|svgz|ico|webp)$ {
add_header Access-Control-Allow-Origin "*";
}
person CodyA    schedule 27.01.2016