Msgstr "Нет.

Я получаю это сообщение об ошибке при загрузке моей страницы приложения. Я использую Apache. Ниже приведен код css.

url ('../fonts/fontawesome-webfont.woff? v = 4.0.3') format ('woff')

Firefox бросает

"NetworkError: 404 Not Found url.../fonts/fontawesome-webfont.woff? v = 4.0.3

Пока хром говорит

GET url.../fonts/fontawesome-webfont.woff? v = 4.0.3 404 (не найдено)

Может ли кто-нибудь сказать мне, как исправить эту проблему? Спасибо заранее.

Ответ 1

Это сработало для меня: Добавьте следующие строки в ваш web.config

<system.webServer>
 <staticContent>
   <remove fileExtension=".woff"/>
   <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
 </staticContent>
</system.webServer>

Вы должны добавить эти строки, потому что по умолчанию Apache не настроен на .woff как MIME-тип по умолчанию. MIME-тип по умолчанию Apache Это справедливо и для IIS. Как объясняет Себ Дугган здесь: IIS default MIME, по умолчанию .woff файлы не будут обслуживаться сервером.

Ответ 2

Я обновил mime-типы на своем веб-сервере IIS и решил свою проблему.

Extention > .ttf    MimeType > application/x-font-ttf
Extention > .woff   MimeType > application/x-font-woff
Extention > .woff2  MimeType > application/x-font-woff2

Мне не нужно ничего менять в web.config.

Ответ 3

Я решаю его также с помощью добавления типа файла под обработчиками на вашем web.config для любого приложения .net, angular и т.д. вы можете установить web.config на IIS

     <handlers>
     <add name="fonts" path="*.woff" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" />
     <add name="fonts2" path="*.woff2" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" />
     </handlers>

Ответ 4

Добавьте "src:" перед URL, например: -

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');    
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype');    
  src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');    
  src: url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');    
  src: url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');    
  src: url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');    
  font-weight: normal;    
  font-style: normal;
}

Ответ 5

Если у вас нет доступа к конфигурации вашего веб-сервера, вы также можете просто просмотреть файл, чтобы он закончился в svg (но сохраните формат). Работает отлично для меня в Chrome и Firefox.

Ответ 6

Если вы используете IIS 6, вы можете решить свою проблему, добавив Mime в IIS:

Ответ 7

Если ни одно из приведенных выше решений не работает для вас, попробуйте это решение, указав одну из страниц стекового потока, для которой в качестве значения false следует указать BundleTable.EnableOptimizations в файле BundleConfig.cs в папке App_Start.

BundleTable.EnableOptimizations = false;

Тем не менее, вы потеряете преимущества пакета, который уменьшает количество запросов http от вашего браузера.