Accueil » Tous les articles » css » Injecter des icônes font-awesome via JavaScript

Injecter des icônes font-awesome via JavaScript

Les icônes de font-awesome sont traduites en SVG (Scalable Vector Graphics) à la volée grâce à un script. Le problème quand on injecte du HTML dans le DOM est que le script ne s’exécute pas correctement et l’icône n’apparaît pas. Pour palier à cela, il est possible d’utiliser un générateur de ressources qui est embarqué dans la librairie font-awesome.
Pour éviter au script de s’exécuter sur des icônes qui se répètent, la librairie comprend un script qui permet de traduire une seule fois l’image en SVG pour être réutiliser dans des listes.

Comme disent les anglo-saxons, et voilà !

Il y a d’autres exemples d’utilisation : 
https://fontawesome.com/how-to-use/on-the-web/advanced/svg-symbols

Besoin d’aide pour mettre cela en place ?


Publié

dans

, ,

par

Commentaires

Laisser un commentaire