"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默认MIME类型 这也适用于IIS.正如Seb Duggan在此解释的那样:IIS默认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

在 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;
}