CSS-шрифт не найден

Возможный дубликат:
@font-face не работает на клиентском сайте?

У меня есть следующие файлы шрифтов в этой структуре папок в моем веб-приложении ASP.Net MVC:

- [корень]

| - Общественный

|| --fonts

||| --NuvoWeb-Medi.eot

||| --NuvoWeb-Medi.woff

В моем файле CSS у меня есть следующее объявление шрифта:

@font-face 
{
    font-family: NuvoWeb;
    src: url(/Public/fonts/NuvoWeb-Medi.eot);
}
@font-face 
{
    font-family: NuvoWeb;
    src: url(/Public/fonts/NuvoWeb-Medi.woff) format('woff');
}

Однако, когда я запускаю приложение, Firebug возвращает следующую ошибку:

"NetworkError: 404 Не найдено - http://localhost:60194/Public/fonts/NuvoWeb-Medi.woff"

Просьба сообщить, что мне не хватает, чтобы заставить это работать.

Ответ 1

Нашел решение здесь...

Проблема в том, что IIS не знает, как обслуживать эти новые файлы, если мы не расскажем об этом. Это можно легко сделать в web.configs в разделе web.configs <system.webServer>, добавив следующий фрагмент:

<staticContent>
    <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
    <mimeMap fileExtension=".m4v" mimeType="video/m4v" />
    <mimeMap fileExtension=".ogg" mimeType="video/ogg" />
    <mimeMap fileExtension=".ogv" mimeType="video/ogg" />
    <mimeMap fileExtension=".webm" mimeType="video/webm" />
    <mimeMap fileExtension=".oga" mimeType="audio/ogg" />
    <mimeMap fileExtension=".spx" mimeType="audio/ogg" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    <mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />
    <remove fileExtension=".eot" />
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    <mimeMap fileExtension=".otf" mimeType="font/otf" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>

Обратите внимание, что некоторые из этих расширений уже могут обрабатываться в IIS (для меня,.svg было хорошо). Вам либо нужно удалить эти карты из этого раздела, либо добавить дополнительные строки <remove>, как и для .eot.

Ответ 2

Зарегистрируйте MIME-тип в web.config следующим образом:

<system.webServer>
    <staticContent>
      <remove fileExtension=".eot" />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    </staticContent>
</system.webServer>

Это решает проблему.

Ответ 3

общая папка (css здесь) --- > папка шрифта (шрифт здесь -NuvoWeb-Medi.eot)

@font-face 
{
    font-family: 'NuvoWeb';
    src: url(fonts/NuvoWeb-Medi.eot);
}

у вас был пропущенный котировочный символ font-family: 'NuvoWeb';