Depuis quelques mois, j’ai quelques icônes brisées dans l’en-tête de marque, probablement depuis le renommage de FA6. J’ai enfin pris le temps de les corriger et j’ai pensé qu’il pourrait être utile à d’autres de commenter la manière dont la dénomination doit être gérée pour que cela fonctionne.
Je pense que cela peut être un peu déroutant de devoir consulter un mapping dans le code source, consulter le site web de FA, et jouer avec les préfixes fa-, fas- (et aucun préfixe) pour voir comment le faire fonctionner. C’est triplemnt ennuyeux et il n’y a aucune erreur dans la console si une icône est introuvable, c’est donc une recherche totalement à l’aveugle.
J’ai réussi à le faire fonctionner et voici un tableau expliquant ce qu’il y a où :
Paramètre Icons dans le composant |
Paramètre custom font awesome icons dans le composant |
Paramètre svg icon subset du site |
|---|---|---|
user |
fa-user |
fa-user |
envelope |
fa-envelope |
fa-envelope |
calendar-days |
fa-calendar-days |
fa-calendar-days |
fab-facebook |
(pas nécessaire) | (pas nécessaire) |
J’ai l’impression qu’il devrait y avoir une seule façon de faire référence à une icône FA dans tout Discourse et que tout devrait s’en tenir à cette seule façon.