Как подключить шрифты извне?

Question

[Илья Трусов]

Здравствуйте. Такая ситуация.

Подключаю css файл с другого сервера(сервер на nginx, если важно), в том css файле подключаются шрифты:

@font-face {
    font-family: 'Helvetica Neue Cyr Light';
    src: url('../fonts/HelveticaNeueCyr-Light.eot');
    src: url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Light.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype'),
    url('../fonts/HelveticaNeueCyr-Light.svg#HelveticaNeueCyr-Light') format('svg');
}

@font-face {
    font-family: 'Helvetica Neue Cyr Roman';
    src: url('../fonts/HelveticaNeueCyr-Roman.eot');
    src: url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeueCyr-Roman.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
    url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype'),
    url('../fonts/HelveticaNeueCyr-Roman.svg#HelveticaNeueCyr-Roman') format('svg');
}

Структура папок такая:


Но они не работают, в ресурсах по хром дебагеру их нет.
Хотя если размещать css и эти шрифты на первом сервере всё работает.
И еще:


В чем может быть проблема? Спасибо.

Answer 1

[ummahusla]

Добавьте в .htaccess

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

Тут есть разные варианты, решение этой проблемы

Comments

[Илья Трусов]

Оба сервера на nginx.

[Илья Трусов]

Спасибо, по ссылке всё нашел.