Come usare Font Awesome 6 icone
"Font Awesome 6"È il toolkit che contiene una serie di icone diverse che gli sviluppatori possono utilizzare per visualizzare le icone già create dalla libreria Font Awesome 6 sulle interfacce della pagina Web. L'uso di Font Awesome 6 richiede l'aggiunta del link Download di Font Awesome 6 in ""Tag e quindi aggiungendo semplicemente i nomi esatti delle icone in""Tag. Risparmia il tempo degli sviluppatori in quanto l'utilizzo di questo toolkit elimina la necessità di disegnare le icone sulle interfacce.
Questo articolo dimostrerà il metodo per utilizzare le icone Font Awesome 6 in HTML.
Come usare Font Awesome 6 icone in HTML?
Ci sono migliaia di icone disponibili nel "Font Awesome 6"Toolkit che gli sviluppatori possono aggiungere durante la codifica semplicemente aggiungendo i nomi di icone validi" Font Awesome 6 "(come auto, campana, busta e pollice in su) in""Tag dopo aver aggiunto il link di download di Font Awesome 6 in""Tag. Questo può essere meglio compreso con l'aiuto di un semplice esempio che conterrà alcune delle icone comunemente usate.
Esempio
Per aggiungere il Font Awesome 6 icone in HTML, è necessario aggiungere prima il seguente tag di collegamento in entrambi i codici HTML "" O "":
Nell'istruzione del codice sopra:
-
- UN "Il tag è stato aggiunto con il "Rel"Attributo definito come"foglio di stile".
- IL "Href"L'attributo nel tag ha il collegamento da dove verranno scaricati i Font Awesome 6.
Gli sviluppatori possono quindi aggiungere una qualsiasi delle icone pertinenti di Font Awesome di HTML ""Tag all'interno del corpo del codice:
Nel frammento di codice sopra:
-
- IL ""I tag hanno le lezioni dichiarate con il"fa"(Font Awesome Values) e i nomi delle icone validi sono scritti successivamente.
- All'interno lo stesso ""Tag, gli attributi di stile vengono aggiunti per aggiungere stile CSS in linea.
- La dimensione del carattere per tutte le ""Le icone del tag sono state definite come"50px"
- Sono stati specificati colori diversi per icone diverse. Inoltre, quando non c'è colore definito per le icone, il colore predefinito sarà "nero".
I nomi delle icone aggiunte nello snippet del codice visualizzeranno le icone da "Font Awesome 6" biblioteca:
È così che puoi usare il "Font Awesome 6"Per visualizzare le icone in HTML.
Conclusione
IL "Font Awesome 6"Le icone vengono utilizzate in un documento HTML aggiungendo prima"Tag con il "Href"Attributo nella testa del codice o nel corpo che contiene il collegamento attraverso il quale devono essere scaricati le icone Font Awesome 6. Successivamente, i nomi validi di tutte le icone disponibili del "Font Awesome 6La libreria può essere aggiunta in ""Tag per visualizzare le icone sull'interfaccia di output.