jquery 在@font-face 上抛出错误

Question

我正在本地处理一个项目，并且在我的@fontface 上收到 jquery 错误。

这是我的错误：

jquery-1.11.0.min.js:2 GET http://localhost:9000/ostrich-regular-webfont.woff2

这是我的工作目录：

src
| -img
| -scripts
| -styles
     -main.css
     -fonts
          -font files are here
| -index

我的@font-face:

@font-face {
font-family: 'ostrich_sansmedium';
src: url('ostrich-regular-webfont.eot');
src: url('ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('ostrich-regular-webfont.woff2') format('woff2'),
     url('ostrich-regular-webfont.woff') format('woff'),
     url('ostrich-regular-webfont.ttf') format('truetype'),
     url('ostrich-regular-webfont.svg#ostrich_sansmedium') format('svg');
font-weight: normal;
font-style: normal;

}

我尝试了 url 的不同变体，包括：

 url('fonts/ostrich-regular-webfont.svg#ostrich_sansmedium'),
 url('styles/fonts/ostrich-regular-webfont.svg#ostrich_sansmedium')

等等

有人有什么建议吗？任何建议表示赞赏！

Answer 1

当 IIS 没有正确配置时，我经常看到这些字体文件错误。如果您确定文件在那里（您尝试修复它的路径看起来是正确的），那么可能是 IIS 不确定如何提供这些文件（即它们将返回 404，因为用户无法下载它们，因为 IIS 不会为它们提供服务）。在您的 web.config 文件中，添加以下内容：

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

显然 mimeMap 条目将位于其父节点中的任何已存在的节点中，您必须关闭它们。我刚刚将其包括在内，以帮助您了解它的去向。

jquery 在@font-face 上抛出错误

jquery throwing error on @font-face

css

jquery

font-face