html - FireFox 无法加载字体 404 Not Found

Question

我正在开发一个 asp.net mvc web 应用程序，我的 CSS 文件中包含以下内容:-

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url(_tMhxyW6i8lbI7YsUdFlGA.eot);
  src: local('Ubuntu'), url(_tMhxyW6i8lbI7YsUdFlGA.eot) format('embedded-opentype'), url(_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}

我已经在同一文件夹 (Conten/CSS) 中添加了字体和 CSS 文件，但是当我检查 firefox 上的 F12 时，它提到它无法获取 .woff 文件，尽管这些文件位于 CSS 文件夹中？

谁能告诉我是什么导致了这个问题？谢谢

Answer 1

我在使用 MVC 时遇到了同样的问题。

这是与您的问题相关的答案:https://stackoverflow.com/a/7374640/1838483

我通过 IIS 管理器 .woff application/x-woff 添加 MIME 类型声明解决了这个问题。您也可以像这样在您的配置文件中添加它:

<system.webServer>
  <staticContent>
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
  </staticContent>    
</system.webServer>