css - 在 Firefox 的服务器上找不到字体

Question

我最近开始使用 FontAwesome，在 Firefox、IE 和 Chrome 的本地主机上，一切都完美运行。但是当我发布我的 MVC 网站时，我在 Firebug 中遇到了这个错误:

错误:

"NetworkError: 404 Not Found - xxxx://test.webapp.ilvo/fonts/fontawesome-webfont.woff?v=4.2.0"fontawe...v=4.2.0

“网络错误:404 未找到 - xxxx://test.webapp.ilvo/fonts/fontawesome-webfont.ttf?v=4.2.0”

我在 CSS 中的字体声明(正常):

@font-face {
  font-family: 'FontAwesome';
  src: url('/Content/fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0')   format('embedded-opentype'),
   url('/Content/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),
   url('/Content/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
   url('/Content/fonts/fontawesome-  webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

CSS 中的字体声明(Mo’ Bulletproofer 方法)

@font-face {
 font-family: 'FontAwesome';
  src: url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.eot);
  src: url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.eot) format("embedded-opentype"),
     url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.woff) format("woff"),
     url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.ttf) format("truetype"),
     url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

这两个都在本地工作!我的字体存储在 map 内容/字体中。我还有 2 种其他自定义字体可以在任何地方使用，但 FontAwesome 出于某种原因出现故障。

需要帮助!谢谢

* 编辑

浏览 xxx://test.webapp.ilvo/Content/fonts/fontawesome-webfont.woff 获取字体。

** 编辑

我尝试在服务器和我的 webconfig 中设置 mimeTypes，但两者都没有区别。

Web.config

<httpProtocol> // FONTAWESOME WOFF & TTT NOT FOUND IN FIREFOX
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
  </customHeaders>
</httpProtocol>

<staticContent>
  <remove fileExtension=".eot" />
  <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
  <remove fileExtension=".woff" />
  <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
  <remove fileExtension=".ttf" />
  <mimeMap fileExtension=".ttf" mimeType="application/x-font-truetype" />
  <remove fileExtension=".svg" />
  <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
  <remove fileExtension=".otf" />
  <mimeMap fileExtension=".otf" mimeType="application/x-font-opentype" />
</staticContent>

将它放入我的网络配置中没有任何作用。

响应头:

Access-Control-Allow-Head...内容类型

访问控制允许原始... *

Answer 1

你应该试试这个。这对我有用。您的代码唯一的变化是，它应该是 x-font-woff 而不是 font-woff。

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