Maison > interface Web > tutoriel CSS > Pourquoi mes glyphicons ne s'affichent-ils pas correctement dans Bootstrap 3 ?

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

Susan Sarandon
Libérer: 2024-11-10 13:20:02
original
992 Les gens l'ont consulté

Why Are My Glyphicons Not Displaying Properly in 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">
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal