Подтвердить что ты не робот

Font Face не работает в IIS 8.0

У меня есть шрифт в моей программе, созданной из Font Squirrel. Я просто не могу заставить его работать в IIS, он работает в localhost. Я добавил приложение /font -woff статью моим MIME-типам, но он по-прежнему не хочет работать.

Context
--Fonts
----font location
--css files

CSS

@font-face {
    font-family: 'wallStreetFont';
    src: url('Fonts/subway-webfont.eot');
    src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/subway-webfont.woff2') format('woff2'),
         url('Fonts/subway-webfont.woff') format('woff'),
         url('Fonts/subway-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

ИЗМЕНИТЬ ТЕКУЩИЙ MIME

Я использую по умолчанию IIS 8 MIME font/x-woff

4b9b3361

ОТВЕТЫ

Ответ 1

Великолепно видеть, как WOFF2 входит в шрифты Font Squirrel! Хотя для IIS 8 не требуется тип mime, добавленный для WOFF, он будет нужен для WOFF2. W3C рекомендует:

application/font-woff2

Подробнее о WOFF2 см. здесь.

Чтобы добавить тип mime в IIS, измените Web.Config следующим образом:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <!-- ... -->
  <system.webServer>
    <!-- ... -->
    <staticContent>
      <!-- ... -->
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

Ответ 2

Чтобы заставить woff и woff2 правильно работать в IIS, вы должны добавить следующие файлы MIME в файл Web.Config.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>  
  <system.webServer>    
    <staticContent>
        <remove fileExtension=".woff" />
        <remove fileExtension=".woff2" />
        <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>

Если вы по-прежнему сталкиваетесь с ошибкой 404 в Google Chrome, перед перезагрузкой страницы необходимо очистить кеш браузера.

Ответ 3

Обратите внимание, что также можно настроить типы MIME в диспетчере IIS. Просто выберите веб-сайт, а затем дважды щелкните значок MIME-типов в разделе IIS на главной панели.

enter image description here

Затем вы увидите список всех существующих MIME-типов и сможете добавлять новые, используя ссылку "Добавить..." в правой панели.

Ответ 4

У меня возникла эта проблема сегодня при развертывании веб-решения с иконками пользовательского интерфейса Metro4 и при переключении с CDN на вариант "Скомпилировано".

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

Короче говоря, я обнаружил, что мне нужно было добавить расширение файла, например, для .ttf внутри секции security под system.webServer в Web.config.

<security>
    <requestFiltering>
        <fileExtensions>
            <add fileExtension=".ttf" allowed="true" />
        </fileExtensions>
    </requestFiltering>
</security>

Та же опция конфигурации также доступна в настройках графического интерфейса IIS

IIS GUI