Da qualche mese ho alcune icone non funzionanti nell’intestazione del brand, probabilmente da quando FA6 ha rinominato le icone. Ho finalmente trovato il tempo di sistemarle e ho pensato che potesse essere utile ad altri condividere come gestire i nomi affinché funzionino.
Penso che possa essere un po’ confusionario dover cercare una mappa nel codice sorgente, controllare il sito di FA e armeggiare con i prefissi fa-, fas- (e nessun prefisso) per vedere come farli funzionare. È triplamente fastidioso e non ci sono errori nella console se un’icona non viene trovata, quindi è una prova alla cieca.
Sono riuscito a farlo funzionare e qui c’è una tabella che spiega cosa va dove:
Impostazione dell’oggetto Icons nel componente |
Impostazione custom font awesome icons nel componente |
Impostazione del sito svg icon subset |
|---|---|---|
user |
fa-user |
fa-user |
envelope |
fa-envelope |
fa-envelope |
calendar-days |
fa-calendar-days |
fa-calendar-days |
fab-facebook |
(non necessario) | (non necessario) |
Mi sembra che dovrebbe esserci un unico modo per fare riferimento a un’icona FA in tutto Discourse e che tutto dovrebbe attenersi a quell’unico modo.