一些Bootstrap3 glyphicons不能正确显示在phonegap android webview [英] Some of Bootstrap3 glyphicons are not displayed correctly on phonegap android webview

问题描述

请观看此附件屏幕截图。
这是我的PhoneGap测试应用程序 - 在Galaxy S4上拍摄。

您应该看到铃，书签，公文包和相机图标

以下是我的意见：

2. 所有图标都可以在ios的相同应用程序中正确显示（在iphone / ipad，ios7中选中），并且可以在浏览器（chrome，safari）

问号只能在Android应用中看到。

这是转义序列的问题。如果有人知道转义序列的问题，您可以可靠地维护一个UTF-8编码的CSS文件，您可以覆盖Bootstrap默认值以使用实际的，非转义的字形。

（根据您的浏览器，下面的代码将显示为包含一堆盒子。复制代码并将其粘贴到UTF-8文档应该保留值。）

  @charsetUTF-8; 
 
。glyphicon-bell：before {
 content：
Please have a look at this attached screenshot.
It is my PhoneGap testing app - taken on a Galaxy S4.

You should see that the bell, bookmark, briefcase, and camera icons (and more) are not displayed as expected.

Here are my observations:

All icons can be displayed correctly in browsers (chrome, safari), on both PC and mobile devices
All icons can be displayed correctly in the same app for ios (checked in iphone/ipad, ios7)
The "question mark" can only be seen in an Android app.

Does anyone know the reason why?
解决方案
It's a problem with the escape sequences. If you can reliably maintain a UTF-8 encoded CSS file, you could override the Bootstrap defaults to use the actual, non-escaped glyphs.

(Depending on your browser, the following code will appear to contain a bunch of boxes. Copying the code and pasting it into a UTF-8 document should preserve the values, though.)
@charset "UTF-8";

.glyphicon-bell:before {
  content: "
                        
这篇关于一些Bootstrap3 glyphicons不能正确显示在phonegap android webview的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！