Access-Control-Allow-Origin

[romanag]

Подскажите пожалуйста, почему срабатывает следующее ограниечение, когда я загружаю фонт из "своего локального хоста" http://site-content-protection.com'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://site.ru' is therefore not allowed access."

 

@font-face {

  font-family: 'Philosopher';

  font-style: normal;

  font-weight: 400;

  src: local('Philosopher'), url(http://site-content-protection.com/fonts/font1.ttf) format('truetype');

//  src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLZp-63r6doWhTEbsfBIRJ7A.ttf) format('truetype');

}

 

если раскоментировать последнюю строку, и закоментировать предыдущую, то все работает, иначе  срабатывает ограничение

[Veseloff]

Судя по всему, есть такой хедер, который запрещает «встраивание» на чужом домене. Ну или вроде того. Было бы проще, если бы дали ссылку на реальный роесурс — было бы сразу понятно что к чему.

[wwt]

"своего локального хоста"

 

1. нельзя просто так загрузить шрифт на один домен с другого домена.

2. не все браузеры позволяют загружать шрифты по локальному адресу. Но это видимо не ваш случай.

 

 

Даже присутствие www у домена это уже другой домен!!! Читайте https://ru.wikipedia.org/wiki/Cross-origin_resource_sharing

 

А с гугла получается ибо гугл отдает заголовок HTTP

Access-Control-Allow-Origin: *

 

Разрешая загружать шрифты всем доменам.