 |
Riepilogo | Discourse FontAwesome Pro consente l’utilizzo delle icone Font Awesome Pro in Discourse tramite una licenza FontAwesome utilizzando il token del pacchetto NPM del tuo account. |
 |
Link al Repository | https://github.com/discourse/discourse-fontawesome-pro |
 |
Guida all’installazione | Come installare i plugin in Discourse |
Configurazione
Attiva l’impostazione del sito fontawesome pro icons enabled e inserisci il token del pacchetto font awesome pro (nota che è diverso dal tuo token API) nell’impostazione del sito fontawesome auth token. Discourse scarica le icone in background.
Puoi anche impostare il token tramite la variabile d’ambiente DISCOURSE_FONTAWESOME_AUTH_TOKEN. Se viene utilizzato questo metodo, la chiave non sarà modificabile dall’interfaccia utente.
Le versioni precedenti di questo plugin richiedevano l’esecuzione di scripts/install.sh nel tuo app.yml. Ciò non è più necessario e può essere rimosso.
Scelta di una famiglia di override:
Nelle impostazioni di amministrazione, puoi sovrascrivere la famiglia di icone Discourse predefinita:
Scelta di uno stile di override:
Puoi anche sovrascrivere lo stile delle icone predefinito:
Duotone
Per ottenere il pieno controllo del supporto duotone, dovrai sovrascrivere il seguente CSS (in un tema o altrimenti) e sostituirlo con il tuo schema di colori:
svg {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
Per colorare singole icone, fai riferimento all’ID dell’SVG:
#fad-search .fa-secondary {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
Aggiornamento dello stile Duotone
Se utilizzi selettori basati su classi come:.fa-secondary { color: red; }Dovrai aggiornare il tuo stile per utilizzare le proprietà personalizzate CSS invece. Gli override del colore basati su classi non funzionano più poiché sono stati rimossi in Font Awesome v7
Sotto il cofano, ciò utilizza il repository di FontAwesome per installare i font nella cartella SVG del plugin, e consente a Discourse di recuperare gli sprite da lì.
