Это очень неприятная ошибка!Шрифты с перерывами не загружаются?
Я использую Font Awesome (размещен локально) и пару других шрифтов, и они периодически не загружаются - не 404ing, просто полностью не отображаются на вкладке «Сеть» инструментов разработчика и не отображаются на странице ,
Похоже, что это происходит чаще всего при первом загрузке страницы - при обновлении шрифтов загружается/отображается ОК. Однако очистка кеша браузера не приводит к достоверному воспроизведению проблемы.
Я знаю, что пути в порядке, потому что шрифты рендеринга ОК около 80% времени. Это периодическая проблема. Я использую Chrome v26 на OSX.
Мой CSS выглядит следующим образом:
<head>
...
<link rel="stylesheet" type="text/css" href="${context}/resources/font/opensans.css" />
<link rel="stylesheet" type="text/css" href="${context}/resources/css/font-awesome.min.css" />
...
и файлы CSS выглядеть следующим образом:
@font-face {
font-family: 'open_sanslight';
src: url('opensans-light-webfont.eot');
src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('opensans-light-webfont.woff') format('woff'),
url('opensans-light-webfont.ttf') format('truetype'),
url('opensans-light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
еще раз, пути правильны (о чем свидетельствует тот факт, что шрифты правильно отображают около 80% времени).
Что может быть?
Вы проверяете вкладку сети @ firefox? та же? –
Я не заметил проблемы в Firefox, и я не могу воспроизвести ее сейчас (у меня фактически отключен кеш в Firefox, так что это должно быть хуже, если что-нибудь). Как будто я говорю: озадачивание. – Richard
Сделайте снимок: http://stackoverflow.com/questions/4015816/why-is-font-face-throwing-a-404-error-on-woff-files – cdwyer