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

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

• Résumé de ce à quoi vous devez faire attention à propos de Border lors de l'écriture de CSS
• Comment réaliser une sélection multi-styles et un changement de styles en temps réel_Échange d'expérience
• Analyse détaillée de l'utilisation du chapiteau
• CSS标题线（删除线贯穿线效果）实现
• CSS3中优雅降级和渐进增强的区别