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('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条目将位于已存在的任何父节点内，您必须关闭它们。我刚刚将其包括在内，以帮助您解决问题。

@ font-face上的jquery抛出错误

1 个答案: