Font Awesome 5 JS SVG affichant des carrés vides : comment y remédier ?

Font Awesome 5 affiche un carré vide avec la version JS SVG

Lorsque vous essayez d'utiliser la version JS SVG de Font Awesome 5 pour remplacer les puces d'éléments de liste par des icônes, un carré vide peut apparaître à la place de l'icône prévue. Pour résoudre ce problème, activez l'utilisation de pseudo-éléments dans la version JS en ajoutant l'attribut data-search-pseudo-elements à la balise script.

<script data-search-pseudo-elements src="https://use.fontawesome.com/releases/v5.13.0/js/all.js"></script>

Pour personnaliser l'apparence de l'icône, ciblez l'élément SVG en utilisant CSS :

.testitems svg {
  color: blue;
  margin: 0 5px 0 -15px;
}

Pour plus de clarté, cette solution concerne la version JS SVG de Font Awesome 5. Si vous rencontrez ce problème avec la version CSS, reportez-vous à « Font Awesome 5, pourquoi le contenu CSS ne s'affiche pas ?".

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!