No 'Access-Control-Allow-Origin'

Подскажите пожалуйста,
почему после подключения следующего стиля, выдается ошибка

"Font from origin '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');
format('truetype');
}

но, не выдант ошибку, если поменять атрибут src на "http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLZp-63r6doWhTEbsfBIRJ7A.ttf"

стиль:
@font-face {
font-family: 'Philosopher';
font-style: normal;
font-weight: 400;
src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLZp-63r6doWhTEbsfBIRJ7A.ttf) format('truetype');
}

--- Добавлено, 6 июл 2015 ---

http://site-content-protection.com - локальный хост в моем случае. Ссылка на файл шрифта указана правильно

 

Шрифты нужно хранить у себя на хосте, а не качать их с внешнего.

 

Тогда почему скачался внешний скрипт с гугла во втором случае?

 

скачай их себе в папку fonts и подключай их.