FontAwesome字体:fontawesome-webfont.woff2?v=4.5.0 404未找到。

3
我在我的asp.net mvc项目中使用fontawesome 4.5。我在控制台上遇到了以下错误: enter image description here 我已将字体文件包含在我的fonts文件夹中。 enter image description here 并在layout.cshtml文件中引用了fontawesome样式表。
<link href="~/Content/font-awesome.min.css" rel="stylesheet" />

我的字体面向属性是这样的:
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

我还在我的web.config文件的system.webServer下添加了静态内容

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

      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>

并且在IIS中添加了MIME类型

输入图片描述

错误仍然存在。需要帮助解决此问题。

谢谢


尝试过这个吗?<link href="../../Content/font-awesome.min.css" type="text/css" rel="stylesheet" /> - Vikrant
我在我的CSS文件中设置了以下的URL:"src: url('../../fonts/fontAwesome/fontawesome-webfont.eot?v=4.5.0');",并且它有效。这是完整的链接:http://pastebin.com/31pH37ty - Kadaj
我已经在Visual Studio中检查了智能感知路径,确认它是正确的。 - Ghazanfar Khan
你最终得到了一个有效的解决方案吗? - Gargaroz
是的,我已经在IIS中进行了一些MIME类型的设置。 - Ghazanfar Khan
显示剩余3条评论
1个回答

0

可能您的 MIME 类型不正确。 请按照以下图片更改。

application/font-woff2 更改为 font/x-woff2

设置 MIME 类型


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接