Pourquoi mes glyphicons ne s'affichent-ils pas correctement dans Bootstrap 3 ?

Dépannage d'un affichage incorrect des glyphicons dans Bootstrap 3

Lors de votre migration de Bootstrap 2.3 vers Bootstrap 3, vous avez rencontré un problème où les icônes de glyphicon ne s'affichent pas correctement. Ce problème est particulièrement répandu dans Firefox.

Origine du problème :

Le problème provient d'un problème avec les fichiers de polices inclus dans la version personnalisée de Bootstrap. Ces fichiers sont cassés, ce qui entraîne un affichage incorrect des icônes.

Solution :

Pour résoudre ce problème, vous pouvez soit télécharger manuellement les fichiers de polices et remplacer vos propres fichiers, soit simplement utilisez le CDN.

Téléchargement manuel Option :

1. Visitez les liens suivants pour télécharger la police fichiers :

   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.s vg
   • 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 dans votre répertoire d'installation Bootstrap.
3. Effectuez un rechargement puissant (CTRL F5) pour appliquer les modifications.

Option d'utilisation CDN :

Si vous préférez utiliser le CDN, vous n'avez pas besoin de remplacer manuellement les fichiers de polices. Incluez simplement le lien CDN suivant dans votre HTML :

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

Cela garantira que les fichiers de polices corrects sont chargés à partir du CDN, résolvant ainsi le problème d'affichage des icônes.

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!