Hvordan bruke Font Awesome 6 -ikoner
“Font Awesome 6”Er verktøysettet som inneholder et sett med forskjellige ikoner som utviklerne kan bruke til å vise de allerede opprettede ikonene fra Font Awesome 6 -biblioteket på grensesnitt på websiden. Bruk av font Awesome 6 krever å legge til fonten Awesome 6 Download Link i "”Tag og bare legge til de nøyaktige navnene på ikonene i“" stikkord. Det sparer utviklerens tid da bruk av dette verktøyet eliminerer behovet for å tegne ikonene på grensesnittene.
Denne artikkelen vil demonstrere metoden for å bruke Font Awesome 6 -ikoner i HTML.
Hvordan bruke Font Awesome 6 -ikoner i HTML?
Det er tusenvis av ikoner tilgjengelig i "Font Awesome 6”Verktøysett som utviklerne kan legge til mens de koder bare ved å legge til“ Font Awesome 6 ”gyldige ikonnavn (som bil, bjelle, konvolutt og tommel opp) i“”Tag etter å ha lagt ned nedlastingskoblingen til Font Awesome 6 i“" stikkord. Dette kan forstås bedre ved hjelp av et enkelt eksempel som vil inneholde noen av de ofte brukte ikonene.
Eksempel
For å legge til fonten Awesome 6 -ikoner i HTML, kreves det først å legge til følgende lenke -tag i enten HTML -koden "”Eller“”:
I ovennevnte kodeuttalelse:
-
- En "”Tag er lagt til med“rel”Attributt definert som“stilark”.
- “href”Attributt i taggen har lenken der Font Awesome 6 -ikoner vil bli lastet ned.
Utviklerne kan da legge til noen av de relevante font Awesome 6 -ikonene i HTML “”Tag Inne i kodekroppen:
I ovennevnte kodebit:
-
- “”Tagger har klassene erklært med“fa”(Font Awesome Values) og de gyldige ikonnavnene er skrevet etter det.
- Inne i det samme “”Tag, stilattributtene legges til for å legge til inline CSS -styling.
- Fontstørrelsen for alle “”Tag -ikoner er blitt definert som“50px”
- Ulike farger for forskjellige ikoner er spesifisert. Når det ikke er noen farge definert for ikonene, vil standardfargen dessuten være "svart”.
Navnene på ikonene som er lagt til i kodebiten, vil vise ikonene fra "Font Awesome 6”Bibliotek:
Slik kan du bruke “Font Awesome 6”For å vise ikoner i HTML.
Konklusjon
“Font Awesome 6”Ikoner brukes i et HTML -dokument ved først å legge til“”Tag med“href”Attributt i enten kodehodet eller kroppen som inneholder lenken som fonten Awesome 6 -ikonene må lastes ned. Etter det er de gyldige navnene på alle tilgjengelige ikoner av “Font Awesome 6”Bibliotek kan legges til i“”Tagger for å vise ikonene på utgangsgrensesnittet.