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>

Answer 2

假设localhost

如果您从本地服务器运行该站点，即localhost，它将不会在forefox中加载

转到 - ＆gt; about:config - ＆gt; security.fileuri.strict_origin_policy
将其设置为false，然后您就可以看到字体!!

同样，提供absolute path个网址比提供relative路径更好，建议选项！

FireFox无法加载404 Not Found字体

2 个答案: