Bootstrap 3 Glyphicons 在 windows mobile 中不起作用。他们正在其他设备上工作(除了窗口电话)
4 回答
正如Mathew Hintzen所发布的,最简单的方法是在 web.config 中包含 MIME 规范。此外,正如他所指出的,如果您使用样式/脚本的捆绑,这将导致 500 内部服务器错误:
<configuration>
...
<system.webServer>
...
<staticContent>
...
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
</staticContent>
</system.webServer>
</configuration>
要回答 OP 的问题并修复 500 内部服务器错误,请在设置静态内容之前包含“删除”语句:
<configuration>
...
<system.webServer>
...
<staticContent>
...
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
</staticContent>
</system.webServer>
</configuration>
这将在 Windows Mobile / Internet Explorer Mobile (IE Mobile) 上加载字体文件,并且 Web 服务器将继续为其他浏览器/客户端提供其他捆绑文件。
我希望这有帮助。快乐编码!
这可能是因为您的 Glyphicons 字体文件没有从服务器响应,请添加 MIME 类型,例如 [文件扩展名:.woff,MIME 类型:font/x-woff]。
要添加 MIME 类型...
--->start
--->Internet Information Services manager (IIS manager)
---> select the site
--->add a MIME type like with [file name extension : .woff, MIME type : font/x-woff].
最简单的方法是按照上面评论中user2959178的建议在 web.config 中包含 MIME 规范
<configuration>
...
<system.webServer>
...
<staticContent>
...
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
</staticContent>
</system.webServer>
</configuration>
警告:虽然这将修复 windows mobile,但如果您使用样式捆绑,它可能会导致所有其他浏览器因内部服务器错误 500 而中断。
我也有这个问题。我目前的解决方案是在按钮中使用文本后备。
<button class="btn btn-default"><span class="glyphicon glyphicon-ok">
OK
</span></button>
这不是设计修复,但它使产品功能化。
请注意,我们已经在几个不同的手机品牌(ios、android、windows phone、firefox、chrome、IE 8、IE 11)上测试了几种浏览器。该问题仅出现在 windows phone 上。我有诺基亚 Lumia 920 WINdows 8。
您可以在引导页面上阅读更多信息,了解其他记录在案的修复:http: //getbootstrap.com/getting-started/#browsers。