2

Bootstrap 3 Glyphicons 在 windows mobile 中不起作用。他们正在其他设备上工作(除了窗口电话)

4

4 回答 4

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 服务器将继续为其他浏览器/客户端提供其他捆绑文件。

我希望这有帮助。快乐编码!

于 2015-01-20T17:37:20.940 回答
3

这可能是因为您的 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].
于 2013-11-15T09:35:48.933 回答
1

最简单的方法是按照上面评论中user2959178的建议在 web.config 中包含 MIME 规范

<configuration> 
   ...
   <system.webServer> 
      ...
      <staticContent> 
         ...
         <mimeMap fileExtension=".woff" mimeType="font/x-woff" /> 
      </staticContent> 
   </system.webServer> 
</configuration>

警告:虽然这将修复 windows mobile,但如果您使用样式捆绑,它可能会导致所有其他浏览器因内部服务器错误 500 而中断。

于 2014-06-08T03:20:13.853 回答
0

我也有这个问题。我目前的解决方案是在按钮中使用文本后备。

<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

于 2013-11-12T08:34:20.537 回答