Certains de Bootstrap3 glyphicons ne sont pas affichés correctement sur phonegap android webview
Jetez un oeil à cette capture d'écran jointe.
C'est mon PhoneGap test app - pris sur un Galaxy S4.
Vous devriez voir que la cloche, signets, porte-documents, et la caméra icônes (et plus) ne s'affichent pas comme prévu.
Voici mes observations:
- Toutes les icônes peuvent être affichées correctement dans les navigateurs (chrome, safari), sur les deux PC et les appareils mobiles
- Toutes les icônes peuvent être affichées correctement dans la même application pour ios (vérifié dans l'iphone/ipad, ios7)
La "question mark" ne peut être vu dans une application Android.
Personne ne sait pourquoi?
- J'ai vu le même problème sur mon GS3. Nai pas trouvé un moyen de le fixer encore d'autres que de choisir une icône différente.
- J'ai le même problème d'affichage de point d'interrogation dans firefox et chrome.
- J'ai atterri ici avec un semblable (mais pas la même) problème avec l'ordinateur de Bureau Chrome 34. J'ai été en utilisant un échafaudée MVC5 app qui inclut Bootstrap 3.0.0, la mise à jour du fichier d'amorce de package NuGet pour 3.1.1 résolu mes problèmes.
Vous devez vous connecter pour publier un commentaire.
C'est un problème avec les séquences d'échappement. Si vous pouvez maintenir fiable une codé en UTF-8 fichier CSS, vous pourriez remplacer l'Amorçage par défaut pour utiliser le réel, non échappé glyphes.
(Selon votre type de navigateur, le code suivant va apparaître pour contenir un tas de boîtes. Copier le code et de le coller dans un UTF-8 document de préserver les valeurs, si.)
Vous pouvez également modifier les séquences d'échappement pour contourner ce problème, mais la prise en charge du navigateur varie. Si vous êtes seulement en ciblant Android/BlackBerry, la suivante devrait fonctionner:
Il pourrait être en raison de la non-concordance entre la version de bootstrap min .fichier css et glyphe de fichiers.