@ font-face Safari предупреждение о шрифте MIME - PullRequest
Новая
       45

@ font-face Safari предупреждение о шрифте MIME

0 голосов
/ 13 февраля 2012

У меня есть простой макет html / css, использующий пользовательский шрифт через @ font-face: 

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../Font/Gotham-Medium.eot');
    src: url('../Font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
         url('../Font/Gotham-Medium.ttf') format('truetype'),
         url('../Font/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

Все браузеры, включая IE6, загружают шрифт правильно, но я получаю предупреждение в Safari (5.0.4).

Ресурс интерпретируется как шрифт, но передается с помощью приложения / октет-потока MIME-типа.

Забавно, что в Windows / Safari шрифт отображается нормально (файл .ttf), но показывает предупреждение, но в Mac / Safari шрифт отображается как прозрачный / невидимый - текст вообще не отображается (файл шрифта .ttf загружается + в консоли также появляется предупреждающее сообщение).

Есть идеи?

1 Ответ

0 голосов
/ 13 февраля 2012

Когда ваш браузер запрашивает файл шрифта у веб-сервера, веб-сервер отвечает информацией заголовка и содержимым файла. И похоже, что веб-сервер выдает файл .ttf с приложением mime-type / octet-stream. Браузер может ожидать некоторый специальный тип MIME для шрифта, например, application / x-font-ttf Вы можете использовать AddType application/x-font-ttf .ttf в конфигурации Apache, чтобы указать тип MIME.

Кстати, у вас есть 2 раздела src в вашем @ font-face. Возможно, вам следует объединить их в один, разделяя каждый источник запятой.

...