Jak używać ikon Font Awesome 6
"Font Awesome 6”To zestaw narzędzi, który zawiera zestaw różnych ikon, których programiści mogą użyć do wyświetlania już utworzonych ikon z biblioteki Font Awesome 6 na interfejsach strony internetowej. Korzystanie z czcionki Awesome 6 wymaga dodania linku do pobrania Font Awesome 6 w „”Tag, a następnie po prostu dodanie dokładnych nazw ikon w„”Tag. Oszczędza czas programistów jako użycie tego zestawu narzędzi eliminuje potrzebę narysowania ikon na interfejsach.
W tym artykule pokazuje metodę użycia ikon FONT Awesome 6 w HTML.
Jak używać ikon Font Awesome 6 w HTML?
W „dostępnych jest tysiące ikon„Font Awesome 6„Narzędzia, które programiści mogą dodać podczas kodowania, dodając poprawne nazwy ikon„ czcionki 6 ”(takie jak samochód, dzwon, koperta i kciuki) w„”Tag po dodaniu linku do pobrania Font Awesome 6 w„”Tag. Można to lepiej zrozumieć za pomocą prostego przykładu, który będzie zawierał niektóre z powszechnie używanych ikon.
Przykład
Aby dodać ikony Font Awesome 6 w HTML, należy najpierw dodać następujący znacznik linku w kodzie HTML „" Lub "”:
W powyższej instrukcji kodu:
-
- A "”Tag został dodany z„rel”Atrybut zdefiniowany jako„arkusz stylów".
- „„Href”Atrybut w znaczniku ma link, z którego zostanie pobrane ikony Font Awesome 6.
Deweloperzy mogą następnie dodać dowolną z odpowiednich ikon FONT Awesome 6 w HTML ”„Tag wewnątrz korpusu kodu:
W powyższym fragmencie kodu:
-
- „„„Tagi mają zajęcia zadeklarowane przez„fa”(Font Awesome Value) i prawidłowe nazwy ikon są napisane później.
- W tym samym „”Tag dodaje się atrybuty stylu, aby dodać styl CSS wbudowany.
- Rozmiar czcionki dla wszystkich „„Ikony tagów zostały zdefiniowane jako„50px"
- Podano różne kolory dla różnych ikon. Ponadto, gdy nie ma zdefiniowanego koloru dla ikon, domyślnym kolorem będzie „czarny".
Nazwy ikon dodanych do kodu fragmentu wyświetlą ikony z „Font Awesome 6" biblioteka:
W ten sposób możesz użyć „Font Awesome 6„Aby wyświetlić ikony w HTML.
Wniosek
„„Font Awesome 6„Ikony są używane w dokumencie HTML, najpierw dodając„”Tag za pomocą„Href”Atrybut w głowicy kodu lub korpusie zawierającym link, za pomocą którego należy pobrać ikony Font Awesome 6. Następnie prawidłowe nazwy wszystkich dostępnych ikon „Font Awesome 6„Biblioteka można dodać w„”Tagi do wyświetlania ikon na interfejsie wyjściowym.