Тип MIME для шрифтов WOFF? - PullRequest
Новая
       35

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

541 голосов
/ 29 августа 2010

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

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

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

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

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

Ответы [ 18 ]

3 голосов
/ 20 марта 2012

Может быть, это кому-нибудь поможет. Я видел, что на IIS 7 .ttf уже известен MIME-тип. Это настроено как: 

application/octet-stream

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

Cheers, Michael

1 голос
/ 28 марта 2019
1 голос
/ 19 июля 2018

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

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

Внутри скобок вы можете поместить расширения ваших шрифтов или, как правило, файлы, которые вы хотите загрузить. Например, я использовал его для шрифтов и для изображений (png, jpg и т. Д.), А также, чтобы не запутаться, что это решение применимо только для шрифтов.

Просто поместите его в конфигурационный файл nginx, перезапустите, и я надеюсь, что он работает и для вас!

1 голос
/ 03 декабря 2010

IIS автоматически определяет .ttf как application / octet-stream, который, кажется, работает нормально, и fontshop рекомендует определять .woff как application / octet-stream

1 голос
/ 29 июня 2015

Для всех Solution index.php разрешено удаление URL-адреса формы и файла woff.для записи приведенного ниже кода в файл .htaccess и внесения изменений в файл application / 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>
1 голос
/ 04 сентября 2010

WOFF:

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

Попробуйте добавить это: 

AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf
0 голосов
/ 08 марта 2012

У меня была такая же проблема, шрифт / opentype работал для меня

0 голосов
/ 26 февраля 2013

MIME-тип может быть не единственной вашей проблемой.Если файл шрифтов размещен на S3 или другом домене, у вас может возникнуть проблема с тем, что Firefox не будет загружать шрифты из разных доменов.Это легко исправить с помощью Apache, но в Nginx я прочитал, что вам может понадобиться кодировать файлы шрифтов в base-64 и вставлять их непосредственно в файл css шрифта.

Страница:
...