Браузер не отображает шрифты WOFF (@font-face)

Question

Хорошо, у меня есть проблема, которую я не могу решить, я пытаюсь исследовать использование шрифтов WOFF в Internet Explorer 10.

Я скачал комплект с fontsquirrel и, основываясь на включенных файлах CSS и HTML, добавил шрифты в веб-приложение. (ASP.NET MVC на IIS 7)

Теперь шрифты TTF прекрасно работают в Firefox и Chrome (IE не поддерживает его), однако шрифты WOFF, похоже, не работают вообще (предполагается, что они поддерживаются всеми новыми браузерами). Если я удаляю раздел TTF снизу - Firefox и Chrome также не отображают шрифт WOFF.

Я утроил проверенные и упрощенные имена файлов, чтобы убедиться, что это не проблема.

@font-face
{
    font-family: 'KaratulaNormal';
    src: url('fonts/karan.woff') format('woff'), 
         url('fonts/karan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1
{
    text-transform: uppercase;
    font-family: KaratulaNormal;
}

Почему не работают шрифты WOFF?

Я понимаю, что на это будет сложно ответить, но любые предложения по устранению неполадок приветствуются.

Answer 1

Бинго. Я сделал это шаг за шагом, и после нескольких попыток я понял, что если я использую оригинальный набор шрифтов WOFF на самом деле работают, то после этого я понял, что мой код на самом деле тоже работает, но только если он запускается непосредственно из файловой системы, а не через IIS. Однажды я понял, что поиск в Google заставил меня ответить:

http://www.dirigodev.com/blog/404-errors-in-IIS7-for-embedded-woff-font-files/

В основном под IIS7 вам необходимо настроить тип mime для шрифтов WOFF, иначе IIS их не обслуживает.