Stiamo aggiornando le nostre icone a Font Awesome 6!

[awesomerobot (Kris)]

<div data-theme-toc="true"> </div>

Cos’è Font Awesome?

Discourse utilizza un set gratuito di icone da Font Awesome in tutta la sua interfaccia. Le vedi nelle barre degli strumenti, nei badge, nei pulsanti, ecc… ecco la nostra barra degli strumenti del compositore:

Dal 2018 utilizziamo Font Awesome 5 (annuncio originale), e nel frattempo è stata rilasciata Font Awesome 6. La versione 6 include nuove icone, alcuni aggiornamenti generali di stile e rinomine.

A partire da oggi, anche Discourse inizierà a utilizzare la versione 6! Nello specifico, la versione 6.6.0. Non si tratta di un enorme cambiamento visivo, ma noterai alcune differenze:

Cosa comporta questo aggiornamento?

Questo aggiornamento comporta un numero di rinomine per rendere le cose più coerenti.

Per supportare le community di Discourse durante l’aggiornamento, le modifiche verranno implementate in più fasi:

---

Oggi - Font Awesome aggiornato alla v6, le icone verranno rimappate automaticamente

A breve - verranno abilitati messaggi di deprecazione per aiutare gli autori di temi/plugin ad aggiornare i nomi delle loro icone

Q1 2025 - banner di avviso per gli amministratori abilitato per eventuali deprecazioni rimanenti

1° aprile 2025 - rimozione della rimappatura automatica e del banner di avviso per gli amministratori

2 maggio 2025 - rimozione della mappatura dei vecchi nomi delle icone e del logging a livello di errore

---

Vedo un’icona mancante, come posso risolvere?

1. Apri gli strumenti per sviluppatori del browser e trova l’elemento pertinente con l’icona mancante.

2. Annota il nome corrente dell’icona interessata e cerca il nome corretto dell’icona a cui aggiornarla. La mappatura dei nomi delle icone può essere consultata su discourse/lib/deprecated_icon_handler.rb at fbc2cfb6185c00950da8e915b1a32546e7020913 · discourse/discourse · GitHub.

3. Aggiorna il tema/plugin pertinente a cui appartiene l’elemento, o informa il suo sviluppatore per effettuare l’aggiornamento.

Se hai bisogno di aiuto, non esitare a creare un argomento di Support, o a contattare il tuo provider di hosting nel modo consueto.

Cosa devono sapere gli autori di temi e plugin?

I metodi trattati su Introducing Font Awesome 5 and SVG icons funzioneranno ancora per aggiungere icone nuove e personalizzate.

Abbiamo da allora rimosso la rimappatura dei vecchi nomi e, se il tuo tema/plugin utilizza ancora vecchi nomi, vedrai spazi vuoti dove prima c’erano alcune delle tue icone.

Ci sono molte nuove icone!

L’aggiornamento dalla versione 5 alla 6 introduce centinaia di nuove icone gratuite, quasi 500 in totale!

Puoi sfogliare l’intero set qui, ordinato per mostrare prima le aggiunte più recenti — e la ricerca è molto utile: Search Icons & Find the Perfect Design | Font Awesome

[Jagster (Jakke Lehtonen)]

È ancora necessario:\n\n@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");\n\nE questo dovrebbe essere modificato:\n\n\n<script type="text/discourse-plugin" version="0.8">\n api.replaceIcon('d-post-share', 'share-alt');\n api.replaceIcon('d-topic-share', 'share-alt');\n api.replaceIcon("far-beer", "beer");\n</script>\n

[ondrej]

Fantastico! Posso finalmente usare l’icona che voglio per una categoria

[awesomerobot (Kris)]

@Jagster

Serve ancora questo:

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

Sembra che questo possa essere correlato a Making tags look like real world tags - #11 by HeyRR… se stai usando CSS come content: \"\\f02b\"; allora sì, ne avrai ancora bisogno. Questo utilizza il font di icone separatamente dalla nostra implementazione (che utilizza direttamente file SVG).

@Jagster

E questo dovrebbe essere modificato:

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-post-share', 'share-alt');
    api.replaceIcon('d-topic-share', 'share-alt');
    api.replaceIcon("far-beer", "beer");
</script>

Questo non ha bisogno di essere modificato immediatamente, ma in base all’elenco di ridenominazioni dovresti sostituire share-alt con share-nodes e beer con beer-mug-empty entro i prossimi 6 mesi (la tazza di birra piena è un’icona pro… immagino che non sia “free as in beer”)

[Jagster (Jakke Lehtonen)]

@awesomerobot

potrebbe essere correlato a Making tags look like real world tags - #11 by HeyRR…

Forse. Era qualcosa che è stato consigliato più di una volta qualche anno fa. Non ho mai capito veramente perché, ma posso copiare e incollare Ma ha a che fare con la possibilità di usare Font Awesome da qualche parte, ovunque o qualcosa del genere.

Ma se non posso più usare la birra, inizierò una rivolta con l’esercito di Moomin

[Moin]

Al momento mancano le icone dello scudo qui su Meta.

[Moin]

Corretto

[patrickemin]

Grazie, non mi è chiaro se l’aggiornamento alla versione 6 è stato eseguito o verrà eseguito? (Non ho trovato l’icona “bluesky” versione 6 dopo aver aggiornato il mio sito, ecco perché lo chiedo…)

[ondrej]

Una volta aggiornato il tuo sito, le tue icone saranno FA6 e rimappate automaticamente da Discourse.

[patrickemin]

Sì, è quello che mi aspettavo, ma questa icona non viene visualizzata (la uso nel componente dei link delle icone nell’intestazione)

[ondrej]

Ho trovato l’icona nella versione 6.6.0

Font Awesome

Dato che non è un’icona utilizzata in Discourse, è inclusa nel tuo svg icon subset nelle impostazioni del sito?

[patrickemin]

No, lo sto aggiungendo con questa sintassi: “fa-bluesky” nelle risorse del componente, ma non è sufficiente. Darò un’occhiata a quella cosa delle risorse svg, non ho familiarità con essa.

(aggiornamento), a quanto pare stiamo parlando della stessa cosa, sì, è aggiunto nelle risorse…

[awesomerobot (Kris)]

potrebbe essere necessario utilizzare fab-bluesky, perché fa parte del set di marchi

[patrickemin]

Grazie, funziona specificando fab-bluesky nelle risorse svg e nell’editor dei link dell’intestazione personalizzata, cosa che non avevo mai dovuto fare prima. Nel componente dei link dell’intestazione personalizzata, non ho mai specificato il prefisso “fa”, per l’icona bluesky ho dovuto specificare “fab-bluesky”. La cosa principale è che funziona! Grazie.

[Jagster (Jakke Lehtonen)]

@Jagster

Ma se non potrò più usare la birra, inizierò una rivolta con un esercito di Moomin

Ho aggiornato e le icone sono cambiate. La cosa che mi dava più fastidio, perché ho un po’ paura dei miei utenti (quelle signore sono meravigliose, ma se si arrabbiano…) è cosa succederà con le reazioni, ma quello è un altro mondo, giusto? Comunque, tutto è andato liscio.

[darkpixlz (Pyx)]

Sembra un fantastico aggiornamento! Adoro l’arrotondamento aggiornato. Non sapevo fosse un cambiamento che volevo.

[mattdm (Matthew Miller)]

La cosa più importante è che la nuova versione utilizzi il logo corretto di Fedora anziché un’approssimazione non autorizzata che stava facendo venire aneurismi ai nostri designer.

[bloomexperiment (Tracey)]

I componenti tematici ufficiali per le icone di categoria e le icone dei tag verranno aggiornati per utilizzare i nuovi nomi di Font Awesome 6?

Category Icons

This theme component is deprecated and should no longer be used. Its features are now in Discourse Core (see: Bringing popular features to Discourse). For private category icon customization, refer to this topic. Summary Category Icons allows category badge links to have icons next to the category name. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-category-icons …

Tag Icons

Summary Tag Icons allows tags to have an icon next to the tag label. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-tag-icons New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features Here is an example of how this would look, with tag style set to the default (simple): [image] Here is how this looks with tag sty…

Penso che attualmente utilizzino ancora FA5

[awesomerobot (Kris)]

Questi componenti del tema utilizzano il sistema di icone integrato in Discourse, quindi non credo che avranno bisogno di un aggiornamento per essere compatibili: dovrebbero utilizzare automaticamente le nuove icone.