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

我收到一条错误消息,说jQuery找不到glyphicons-halflings-regular.woff2的path。 当成功的AJAX请求的function运行时出现错误。 在这个函数中,我插入了一个使用Twitter Bootstrap中的graphics的超链接。

看着这条路,我相信这是正确的道路,所以我不知道为什么它给了我错误。 我怎样才能解决这个错误?

错误的屏幕截图

使用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> 

注意我先删除扩展名,以防已经存在。

要使其与IIS Express一起使用,您需要添加MIMEtypes。 在文本编辑器中打开%UserProfile%\Documents\IISExpress\config\applicationhost.config文档文件夹中的文件

search一个如下所示的行:

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

我build议改变它作为正式的MIMEtypes已经改变,但无论简单地复制该行,并添加一个新的并将fileExtension更改为新的.woff2。 这里是我的修改文件(更正了MIMEtypes)

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

如果您喜欢在IIS GUI中工作,或者不习惯命令行或configuration文件,请按照以下步骤操作。

要解决在IIS中检索glyphicons-halflings-regular.woff2错误 ,您只需要为woff2添加一个MIMEtypes。

  1. 打开 IIS并select您的服务器
  2. function视图中 ,selectMIMEtypes
  3. 点击操作窗格中的添加… (右上angular)
  4. input.woff2文件扩展名
  5. inputapplication / font-woffMIMEtypes

另外,正如palehorse指出的,确保.woff.woff2的MIMEtypes都是application / font-woff

资料来源:

  • TechNet – 添加MIMEtypes(IIS 7)教程
  • W3 – 正式的MIME媒体types注册