font-face - “网络错误 : 404 Not Found fontawesome-webfont. woff？v=4.0.3

Question

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

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

火狐抛出

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

虽然 chrome 说

GET url.../fonts/fontawesome-webfont.woff?v=4.0.3 404 (Not Found)

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

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 文件。