从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

搜索如下所示的行:

<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. 输入MIME类型的应用/字体WOFF

此外,正如古马尔指出的那样,确保.woff和.woff2的MIME类型都是application/font-woff

资料来源:

• TechNet - 添加MIME类型(IIS 7)教程
• W3 - 官方MIME媒体类型注册