Introducing Font Awesome 5 and SVG icons

Annunci
126

11 messaggi sono stati divisi in un nuovo argomento: Come sostituire un’icona SVG esistente con una personalizzata?

137

5 post sono stati spostati in un nuovo argomento: Come usare l’icona RSS da Font Awesome?

142

2 post sono stati divisi in un nuovo argomento: Come usare Font Awesome pulse come icona di caricamento?

143

È previsto un aggiornamento di Font Awesome alla versione 6?

7 Mi Piace
144

Ottima domanda, al momento non abbiamo in programma un aggiornamento a Font Awesome 6, ma ci daremo un’occhiata a breve.

10 Mi Piace
146

Ho visto diversi posti rimanere con font-awesome 5 perché il set nella versione 6 mancava di alcune cose (che ora sono nei piani a pagamento).

Non sono contrario all’aggiornamento, è solo qualcosa a cui prestare attenzione.

10 Mi Piace
156

Davvero. Fanno una grande questione della retrocompatibilità quindi sembra sorprendente. Hai un link a qualcosa che elenca cosa manca?

2 Mi Piace
157

Nessun link, mi dispiace, solo un aneddoto per ora. Ricordo che @pmusaraj ha lottato un po’ con questo.

5 Mi Piace
158

Hai preso in considerazione Fork Awesome, a fork of the iconic font and CSS toolkit?

3 Mi Piace
159

Non ancora, ma sembra piuttosto interessante, di sicuro. Ho la sensazione che sarebbe un enorme problema tornare indietro e adattare Discourse per usare i suoi pattern.

2 Mi Piace
160

Forse altre persone qui hanno esperienza nel passare da FontAwesome a ForkAwesome?

Dalla loro pagina novitá:

Abbiamo prestato particolare attenzione a non modificare i punti di codice unicode per le icone esistenti, né abbiamo modificato i nomi delle classi CSS o i nomi delle icone da Font Awesome 4.7. Sebbene abbiamo aggiunto alcune icone in più e reso il processo di contribuzione a questo progetto molto più semplice. Tuttavia, se vedi un errore, non esitare a segnalare un bug.

La pagina degli esempi sembra simile a FontAwesome.

Meh, questo post del (non-)maintainer sembra dire che sia una cattiva idea usarlo a questo punto. Peccato.

2 Mi Piace
161

FontAwesome ha spostato l’intero set di icone “Regular” in un piano a pagamento nella versione 6. Tuttavia, sembra che le icone esistenti del set regular siano ancora disponibili gratuitamente quando si utilizzano le icone SVG direttamente (cioè non come font web). Questa è una buona notizia per noi, perché utilizziamo sprite SVG dal repository fontawesome.

Tuttavia, la retrocompatibilità che hanno aggiunto non si applica a noi in modo ordinato, non utilizziamo il “framework SVG + JS” di FontAwesome, quindi non beneficiamo dell’alias automatico. Questo è probabilmente il più grande ostacolo al momento per un aggiornamento da 5 a 6 (anche se non è così grande come le icone mancanti).

10 Mi Piace
163

Questo link non funziona per me

1 Mi Piace
165

Avendo svolto molti test di usabilità su un forum Discourse nell’ultimo anno, penso che una delle cose migliori che Discourse potrebbe fare per l’usabilità sarebbe investire nella creazione di un set di icone: testato per chiarezza, reso più coerente e con un po’ di stile qua e là. Ma forse questo non è il posto giusto per parlarne!

2 Mi Piace
166

Qualcuno potrebbe offrirmi una guida su come spiegare meglio come aggiungere emoji di bandiera come icone svg ai miei componenti tematici di icone di tag. Suppongo di non capire cosa sia necessario, siano esse modifiche al componente tematico o la stesura di un plugin dedicato per accedere a queste emoji all’interno del componente tematico.

Grazie!

1 Mi Piace
167

hmm, non vedo niente

Come faccio a farlo?

  • Creato un componente tema personalizzato chiamato SVG_Assets
  • Caricato icone svg personalizzate 1x1.
  • Abilitato SVG_Assets come parte del mio tema.
  • Installato il componente tema delle icone dei tag e aggiunto al mio tema.

Vedo l’url per ogni icona svg che ho caricato in SVG_Assets

Hmm, okay. Possiamo avere un nuovo esempio di come dovrebbero apparire le impostazioni nell’editor.

Esempio di aggiunta del caricamento di us.svg

Attualmente vedo

[
	{
		"setting": "tag_icon_list",
		"value": "tag1,question-circle,#CC0000|:de:,$de,https://domain/1X/604c368499a58499e21ab5337a325600cb35b421.svg"
	},
	{
		"setting": "svg_icons",
		"value": ""
	}
]
1 Mi Piace