Тип MIME для шрифтов WOFF?

Question

Какому типу пантомимы следует использовать шрифты WOFF?

Я передаю шрифты TrueType (ttf) как font/truetype и opentype (otf) как font/opentype, но не могу найти правильный формат для шрифтов WOFF.

Я пробовал font/woff, font/webopen и font/webopentype, но Chrome все еще жалуется:

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

Кто-нибудь знает?

Answer 1

Обновление от Комментарий Кейт Шоу от 22 июня 2017 г .:

По состоянию на февраль 2017 г. RFC8081 - предлагаемый стандарт.Он определяет тип носителя верхнего уровня для шрифтов, поэтому стандартный тип носителя для WOFF и WOFF2 выглядит следующим образом:

font/woff

font/woff2

---

В январе 2011 года было объявлено , что тем временем Chromium будет распознавать

application/x-font-woff

как тип пантомимы для WOFF.Я знаю, что это изменение теперь в бета-версии Chrome, и если оно еще не в стабильной версии, оно не должно быть слишком далеко.

Answer 2

Для меня следующий работает в файле .htaccess.

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
AddType font/woff2 .woff2   

Answer 3

Это будет application/font-woff.

см. http://www.w3.org/TR/WOFF/#appendix-b (рекомендация кандидата W3C от 04 августа 2011 г.)

и http://www.w3.org/2002/06/registering-mediatype.html

Из шрифтовых заметок Mozilla css

В Gecko на веб-шрифты распространяются те же ограничения домена (файлы шрифтов должны находиться в том же домене, что и страница, на которой они используются), если только средства управления HTTP не используются для ослабления этого ограничения. Примечание. Поскольку для шрифтов TrueType, OpenType и WOFF не определены типы MIME, тип MIME для указанного файла не учитывается.

источник: https://developer.mozilla.org/en/CSS/@font-face#Notes

Answer 4

Справочник по добавлению типов mime шрифтов в .NET / IIS

через web.config

<system.webServer>
  <staticContent>
     <!-- remove first in case they are defined in IIS already, which would cause a runtime error -->
     <remove fileExtension=".woff" />
     <remove fileExtension=".woff2" />
     <mimeMap fileExtension=".woff" mimeType="font/woff" />
     <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

через IIS Manager

Answer 5

NGINX SOLUTION

file

/etc/nginx/mime.types

или

/usr/local/nginx/conf/mime.types

add

font/ttf                      ttf;
font/opentype                 otf;
font/woff                     woff;
font/woff2                    woff2;
application/vnd.ms-fontobject eot;

удалить

application/octet-stream        eot;

ССЫЛКИ

RFC @ 02.2017

https://tools.ietf.org/html/rfc8081#page-15

https://www.iana.org/assignments/media-types/media-types.xhtml

Благодаря МайкуФулчер

http://drawingablank.me/blog/font-mime-types-in-nginx.html

Answer 6

По состоянию на февраль 2017 года RFC8081 является предлагаемым стандартом. Он определяет тип носителя верхнего уровня для шрифтов, поэтому стандартные типы носителей для WOFF и WOFF2 следующие:

font/woff
font/woff2

Answer 7

Нет типа font MIME!Таким образом, font/xxx ВСЕГДА неправильно.

Answer 8

Мне удалось добавить это в мой инициализатор mime_types.rb:

Rack::Mime::MIME_TYPES['.woff'] = 'font/woff'

и стереть кэш

rake tmp:cache:clear

доперезапуск сервера.

Источник: https://github.com/sstephenson/sprockets/issues/366#issuecomment-9085509

Answer 9

@ Нико

В настоящее время не существует определенного стандарта для типа mime шрифта woff. Я использую службу доставки шрифтов cdn, и она использует font / woff, и я получаю то же предупреждение в chrome.

Ссылка: Управление по присвоению номеров в Интернете

Answer 10

Добавьте следующее в ваш .htaccess

AddType font/woff woff

удачи