Ресурс интерпретируется как шрифт, но передается с типом MIME application/x-font-woff

Я следовал руководству по веб-шрифтам в документации qooxdoo, чтобы добавить веб-шрифт в Font.js, но Я заметил, что в консоли разработчика Chrome есть предупреждение:

Мой код выглядит следующим образом:

/* ************************************************************************
  #asset(myApp/fonts/*)
************************************************************************ */
qx.Theme.define("myApp.theme.Font",
{
  extend : qx.theme.simple.Font,

  fonts :
  {
    "silkscreen" :
    {
        size: 8,
        lineHeight: 1,
        family: [ "silkscreen", "Tahoma" ],
        sources:
        [
            {
                family: "Silkscreen",
                source:
                [
                    "myApp/fonts/slkscr-webfont.eot",
                    "myApp/fonts/slkscr-webfont.ttf",
                    "myApp/fonts/slkscr-webfont.woff",
                    "myApp/fonts/slkscr-webfont.svg#silkscreen"
                ]
            }
        ]
    }
  }
});

Как я могу устранить предупреждение браузера?


person Raptor    schedule 23.05.2013    source источник


Ответы (2)


Согласно спецификации W3C, правильный тип MIME — application/font-woff, поэтому вам нужно чтобы настроить ваш веб-сервер для использования этого при обслуживании файлов .woff.

person Daniel Wagner    schedule 23.05.2013
comment
Оно работает. После того, как я добавил строку AddType application/font-woff .woff в httpd.conf конфигурации моего сервера Apache (затем перезагрузил сервер), предупреждение исчезло. - person Raptor; 23.05.2013
comment
Пробовал это решение, проблема осталась. Это в среде разработки с использованием EasyPHP. - person sq2; 17.07.2013
comment
Установлено ли значение по умолчанию фондом Apache? Можем ли мы заставить их обновить его? - person Ben Harold; 22.07.2013
comment
Обновление: я отправил отчет об ошибке в фонд Apache. Надеюсь, они обновят значение по умолчанию в будущем выпуске. - person Ben Harold; 22.07.2013
comment
У меня сработали следующие правила: Приложение AddType/vnd.ms-fontobject .eot Шрифт AddType/ttf .ttf Шрифт AddType/otf .otf Приложение AddType/x-font-woff .woff Приложение AddType/font-woff .woff - person iamdash; 30.08.2013
comment
@iamdash, спасибо за публикацию вашей конфы, касающейся других типов шрифтов. Но разве вторая директива для .woff не переопределяет первую? IOW, я думаю, что вы действительно устанавливаете .woff только для application/font-woff, а предпоследняя директива (AddType application/x-font-woff .woff) никогда не применяется. Я думаю, что, в частности, для .woff ответ Даниэля Вагнера остается правильным. PS Раньше я видел эту ошибку консоли, но в последней версии Chrome (29.0.1547.65, на OSX) мой шрифт .woff имеет тип application/x-font-woff и не вызывает ошибок консоли. Может быть, Chrome сейчас подавляет ошибку? /$0,02 - person cweekly; 19.09.2013

Если вы используете веб-сервер IIS, попробуйте следующее:

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff" /> 
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
  </staticContent>
</system.webServer>
person Abdullah SARGIN    schedule 09.10.2013
comment
Да, в этом смысл принятого ответа, если веб-сервер находится в IIS. не нужны отметки #, верно? - person Raptor; 10.10.2013