@ font-face работает локально, но не на веб-сайте - PullRequest
Новая
       11

@ font-face работает локально, но не на веб-сайте

3 голосов
/ 29 сентября 2011

У меня есть рабочий веб-сайт, который использует @ font-face для рендеринга шрифтов, и это прекрасно работает в локальной среде, но не работает при загрузке на действующий веб-сайт.

Файл CSS, который ссылается на шрифтфайлы находятся в корневом каталоге и используют следующий код: 

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('css/fonts/ColabLig-webfont.eot');
    src: url('css/fonts/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/ColabLig-webfont.woff') format('woff'),
         url('css/fonts/ColabLig-webfont.ttf') format('truetype'),
         url('css/fonts/ColabLig-webfont.svg#webfontR2xcGGVv') format('svg');
    font-weight: normal;
    font-style: normal;

}

Шрифт находится в каталоге / css / fonts /.Я попытался добавить следующее в файл .htaccess, чтобы попытаться исправить проблему, но все равно безрезультатно: 

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

У меня действительно нет идей!Я просто нахожу очень странным, что у меня нет проблем в браузерах при просмотре с помощью XAMPP, но когда я пытаюсь просмотреть его на своем сервере (который является Apache), он не будет работать в любом браузере.

1 Ответ

2 голосов
/ 29 сентября 2011

Проверьте настройки CHMOD для папок и убедитесь, что сервер не отправляет вам 403 обратно

...