从jQuery成功调用AJAX时检索glyphicons-halflings-regular.woff2时出错

Question

我收到一条错误消息，指出jQuery无法找到glyphicons-halflings-regular.woff2的路径。运行成功AJAX请求的函数时会显示错误。在该函数中，我插入了一个使用Twitter Bootstrap中的glyphicon的超链接。

看着路径，我确信这是正确的道路，所以我不知道为什么它会给我错误。我怎么能解决这个错误？

Answer 1

使用IIS我将其修复在Web.config文件中，在<system.webServer>内添加以下内容：

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

注意我先删除扩展名，以防它们已存在。

Answer 2

要使其与IIS Express一起使用，您需要添加mime类型。在文本编辑器中，在%UserProfile%\Documents\IISExpress\config\applicationhost.config

的Documents文件夹中打开该文件

搜索如下所示的行：

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

我建议更改它，因为官方MIME类型已更改，但无论是简单地复制该行并添加新行并将fileExtension更改为新的.woff2。这是我修改过的文件（带有更正的MIME类型）

<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff" />

Answer 3

如果您更喜欢使用IIS GUI或不熟悉命令行或配置文件，请按照以下步骤操作。

要解决在IIS中检索glyphicons-halflings-regular.woff2 的错误，您只需要为 woff2 添加MIME类型。

1. 打开 IIS和选择您的服务器
2. 在功能视图中，选择 MIME类型
3. 点击操作窗格（右上角）中的添加...
4. 输入 .woff2
的文件扩展名
5. 输入 application / font-woff 的 MIME类型

此外，正如palehorse所述，请确保 .woff 和 .woff2 的MIME类型是 application / font-woff

来源：

• TechNet - Add a MIME Type (IIS 7) Tutorial
• W3 - Official MIME Media Type Registration