“NetworkError：404 not found fontawesome-webfont.woff？v = 4.0.3

Question

每当我加载应用程序页面时，都会收到此错误消息。 我正在使用Apache。以下是我的css代码。

  

url（'../ fonts / fontawesome-webfont.woff？v = 4.0.3'）格式（'woff'）

Firefox抛出

  

“NetworkError：404 Not Found url ... / fonts / fontawesome-webfont.woff？v = 4.0.3

虽然chrome说

  

获取网址... / fonts / fontawesome-webfont.woff？v = 4.0.3 404（未找到）

谁能告诉我如何解决这个问题？ 提前谢谢。

Answer 1

这对我有用： 将以下行添加到web.config

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

您必须添加这些行，因为默认情况下，Apache未将.woff配置为默认MIME类型。 Apache default MIME-type 这适用于IIS。正如Seb Duggan在此解释：IIS default MIME，默认情况下.woff文件将不会由服务器提供。

Answer 2

我在IIS网络服务器中更新了mime-types，这解决了我的问题。

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

我不需要在web.config中更改任何内容。

Answer 3

我也使用web.config上的处理程序下的文件类型为任何应用程序.net，angular等添加文件类型，你可以在IIS上设置web.config

     <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>

Answer 4

如果您无权访问您的网络服务器配置，您也可以重命名该文件，使其以svg结尾（但保留格式）。适用于Chrome和Firefox。

Answer 5

添加＆＃34; src：＆＃34;在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;
}

Answer 6

如果使用IIS 6，则可以通过将Mime添加到IIS来解决问题：

Answer 7

如果以上解决方案均不适合您尝试，请指定此解决方案是将App_Start文件夹的BundleConfig.cs文件中的BundleTable.EnableOptimizations设置为false的stackoverflow页之一。

BundleTable.EnableOptimizations = false;

但是，您将失去捆绑带来的好处，因为捆绑减少了来自浏览器的http请求的数量。

Answer 8

我不知道为什么接受的答案对我不起作用，但是我复制了以下配置以使其起作用：

<system.webServer>
<staticContent>
  <clientCache cacheControlCustom="public" cacheControlMode="UseMaxAge" cacheControlMaxAge="365.00:00:00"/>
  <remove fileExtension=".woff" />
  <remove fileExtension=".woff2" />
  <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
  <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
</system.webServer>