Maison > interface Web > tutoriel CSS > Pourquoi Font Awesome 5 affiche-t-il des carrés vides lors de l'utilisation de JS et SVG pour les puces ?

Pourquoi Font Awesome 5 affiche-t-il des carrés vides lors de l'utilisation de JS et SVG pour les puces ?

Susan Sarandon
Libérer: 2024-12-26 04:40:09
original
518 Les gens l'ont consulté

Why Does Font Awesome 5 Show Empty Squares When Using JS and SVG for Bullet Points?

Font Awesome 5 affiche un carré vide avec JS SVG

Lorsque vous essayez d'utiliser Font Awesome 5 pour remplacer des puces standard dans une liste non ordonnée, vous pouvez rencontrer un carré vide au lieu de l'icône souhaitée. Ce problème peut survenir lors de l'utilisation des versions JavaScript et SVG de la bibliothèque.

Solution

Pour résoudre ce problème, assurez-vous d'utiliser la dernière version de Font Awesome 5. (v5.13.0 ou version ultérieure). Cette version introduit la possibilité d'utiliser des pseudo-éléments avec la version JS.

Pour activer l'utilisation de pseudo-éléments, ajoutez l'attribut data-search-pseudo-elements à votre

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