“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

虽然铬说

获取网址... / 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 Web服务器中更新了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

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

Answer 5

在url之前添加“src：”，例如： -

@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，您可以通过向IIS添加Mime来解决您的问题：

Answer 7

如果上述解决方案都不适合您，请尝试指定的解决方案之一是在App_Start文件夹的BundleConfig.cs文件中将false设置为BundleTable.EnableOptimizations的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>