Pourquoi mes glyphicons Bootstrap 3 affichent-ils « E001 » dans Firefox ?

Problèmes d'affichage des glyphicons de Bootstrap 3 dans Firefox

Lors de la migration de Bootstrap 2.3 vers Bootstrap 3, les utilisateurs peuvent rencontrer des problèmes avec les icônes de glyphicon qui ne s'affichent pas correctement, apparaissant comme « E001 » au lieu de l'icône prévue. Ce problème est rencontré spécifiquement dans Firefox alors que d'autres navigateurs affichent les icônes avec précision.

Solution

L'explication la plus probable de ce comportement réside dans l'utilisation de la version personnalisée de Bootstrap. Dans cette version, les fichiers de polices inclus dans le package sont corrompus (comme indiqué sur https://github.com/twbs/bootstrap/issues/9925). Pour résoudre ce problème, suivez ces étapes :

1. Évitez d'utiliser le CDN et téléchargez manuellement la police suivante fichiers :

• https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular .svg
• https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff
• https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf
• https ://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot

2. Remplacer les fichiers de polices existants avec ceux téléchargés.
3. Effectuez un rechargement puissant en appuyant sur CTRL F5 dans Firefox pour forcer le navigateur à charger les fichiers mis à jour.

Ce processus devrait résoudre le problème avec affichage glyphicon dans Firefox.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!