Тип Mime для шрифтів WOFF?

Якому типу mime слід подавати шрифти WOFF?

Я розміщую шрифти font/truetypetruetype (ttf) як і opentype (otf) як font/opentype, але не можу знайти правильний формат шрифтів WOFF.

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

"Ресурс інтерпретується як шрифт, але передається за допомогою програми MIME / oktet-stream."

Хтось знає?

Оновлення з коментаря Кіта Шоу 22 червня 2017 року:

Станом на лютий 2017 року, RFC8081 є запропонованим стандартом. Він визначає тип медіа верхнього рівня для шрифтів, тому стандартний тип медіа для WOFF та WOFF2 є наступним:

font/woff

font/woff2

У січні 2011 року було оголошено, що тим часом Chromium визнають

application/x-font-woff

як mime-тип для WOFF. Я знаю, що ця зміна зараз є в бета-версії Chrome, і якщо вона ще не стабільна, вона не повинна бути занадто далеко.

Для мене наступним є Берін, який працює у файлі .htaccess.

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

Це буде 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. Примітка: Оскільки для визначених типів MIME для шрифтів TrueType, OpenType та WOFF не визначені, тип MIME у вказаному файлі не враховується.

джерело: https://developer.mozilla.org/en/CSS/@font-face#Notes

Посилання на додавання типів 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

NGINX РІШЕННЯ

файл

/etc/nginx/mime.types

або

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

додати

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

Станом на лютий 2017 року, RFC8081 є запропонованим стандартом. Він визначає тип медіа верхнього рівня для шрифтів, тому стандартний тип медіа для WOFF та WOFF2 є наступним:

font/woff
font/woff2

Примітка. Ця відповідь була правильною на той час, але застаріла в 2017 році, коли було випущено RFC 8081

Не існує fontтипу MIME! Таким чином, font/xxxЗАВЖДИ неправильно

Що я зробив для мене, це додати це до мого ініціалізатора mime_types.rb:

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

і витріть кеш

rake tmp:cache:clear

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

Джерело: https://github.com/sstephenson/sprockets/isissue/366#issuecomment-9085509

Додайте наступне до свого .htaccess

AddType font/woff woff

Щасти

@Nico ,

Наразі не існує визначеного стандарту для типу mime шрифту woff. Я використовую службу cdn доставки шрифту, і вона використовує шрифт / woff, і я отримую те саме попередження в хромі.

Довідка: Інтернет-номер з адміністративними номерами

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types

Це корисний список міметипів

Я знаю, що цей пост є старим, але витративши багато годин на спроби змусити шрифти працювати на моїй локальній машині nginx та спробувати багато рішень, я нарешті отримав той, який працював на мене як на шарм.

location ~* \.(eot|otf|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

Всередині дужок ви можете розмістити розширення своїх шрифтів або загалом файлів, які ви хочете завантажити. Наприклад, я використовував його для шрифтів та зображень (png, jpg тощо), а також не плутайте, що це рішення застосовується лише для шрифтів.

Просто покладіть його у свій конфігураційний файл nginx, перезапустіть, і я сподіваюся, що він працює і для вас!

Можливо, це комусь допоможе. Я бачив, що на IIS 7 .ttfвже відомий мім-тип. Він налаштований як:

application/octet-stream

Так що я просто додав , що для всіх типів CSS шрифту ( .oet, .svg, .ttf, .woff) і IIS почав служити їм. Інструменти для розробників Chrome також не скаржаться на повторну інтерпретацію типу.

Ура, Майкл

Для всіх Solution index.php дозволено видалити URL-адресу форми та файл woff. для запису нижче коду у файл .htaccess і зробіть це чергування у вашому файлі програми / config / config.php: $ config ['index_page'] = '';

Для лише хостинг-сервера Linux. Дані про файл .htaccess

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /

    #Removes access to the system folder by users.
    #Additionally this will allow you to create a System.php controller,
    #previously this would not have been possible.
    #'system' can be replaced if you have renamed your system folder.
    RewriteCond %{REQUEST_URI} ^system.*
    RewriteRule ^(.*)$ /index.php?/$1 [L]

    #When your application folder isn't in the system folder
    #This snippet prevents user access to the application folder
    #Submitted by: Fabdrol
    #Rename 'application' to your applications folder name.
    RewriteCond %{REQUEST_URI} ^application.*
    RewriteRule ^(.*)$ /index.php?/$1 [L]

    #Checks to see if the user is attempting to access a valid file,
    #such as an image or css document, if this isn't true it sends the
    #request to index.php
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php?/$1 [L]
</IfModule>

<IfModule !mod_rewrite.c>
    # If we don't have mod_rewrite installed, all 404's
    # can be sent to index.php, and everything works as normal.
    # Submitted by: ElliotHaughin

    ErrorDocument 404 /index.php
</IfModule>

IIS автоматично визначається .ttf як application / oktet-stream, який, здається, працює добре, а fontshop рекомендує .woff визначати як application / octet-stream

WOFF:

1. Відкритий формат шрифту
2. Вона може бути складена з контурами TrueType або PostScript (CFF)
3. На даний момент він підтримується FireFox 3.6+

Спробуйте додати це:

AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf

У мене була така ж проблема, шрифт / опетипена працювали на мене

Тип міми може бути не єдиною вашою проблемою. Якщо файл шрифту розміщено на S3 або іншому домені, у вас може бути додатково проблема, що Firefox не завантажуватиме шрифти з різних доменів. Це легко виправити за допомогою Apache, але в Nginx я читав, що вам може знадобитися кодувати файли шрифтів у base-64 та вставляти їх безпосередньо у свій файл css шрифту.