Czcionki Niesamowite: Kompletny przewodnik

Darmowe ikony Czcionki Niesamowite: Co to jest i do czego służy. Jak połączyć ikony do witryny. Zalety i wady biblioteki.

Zestaw ikon niesamowitej czcionki: Ultimate Guide

Czcionka niesamowita jest zestaw czcionek i ikon opartych na CSS i mniej. Narzędzie umożliwia szybkie łączenie wszystkich rodzajów ikon do witryny, znacznie poprawiając swój projekt i użyteczność. Wystarczy wstawić kilka linii kodu.

Font Awesome zapewnia skalowalne ikony wektorowe, które możesz łatwo spersonalizować - rozmiar, kolor, cienie i wszystko inne, co można zrobić za pomocą CSS.

Font Awesome Library ma dla Ciebie ogromną kolekcję najlepszych sugestii. Ulepszasz swój projekt dzięki unikalnym ikonom. W rzeczywistości jest to ogromny zestaw wszelkiego rodzaju ikon, których można użyć do własnych celów.

W  Fontawesome wszystkie ikony   są absolutnie i całkowicie bezpłatne. Biblioteka jest licencjonowana na podstawie ogólnej licencji publicznej GNU. Oznacza to, że może być swobodnie stosowany w projektach komercyjnych, a zasadniczo wszędzie.

Zestaw został stworzony przez Dave Gandhi. Obejmuje on bezpłatne ikony mediów społecznościowych, ikony, aby poprawić interfejs użytkownika i więcej.

Zazwyczaj czcionki niesamowite skrypty czcionki są używane w połączeniu z bootstrap i bootstrapcdn. Czcionka niesamowita jest druga tylko dla czcionek Google na popularności.

Jak to działa

Główną funkcją jest to, że wszystkie niesamowite ikony czcionki nie są obrazami statycznymi. Są w formacie czcionki. Innymi słowy, są to czcionki ikony. Na przykład ikona wyszukiwania lub logo sieci społecznościowej jest taki sam jak proste znaki A, B, C.

Czcionki niesamowite ikony są tworzone przy użyciu skalowalnych wektorów. Dlatego można je zwiększać do prawie dowolnej wielkości.

Wszystkie dostępne ikony są zawarte w jednym pliku czcionki. Wszystko, czego potrzebujesz, jest pobranie tego pliku z oficjalnej witryny i podłączyć go w stylach.

Dlaczego projektanci wybierają czcionkę niesamowitą

Czcionka niesamowita ma wiele zalet:

• Szybkie połączenie. Wystarczy pobrać specjalny plik z oficjalnej strony internetowej i podłączyć go, określając ścieżkę do niej w kodzie CSS.
• Elastyczność i skalowalność. Ikony można powiększać do dowolnego rozmiaru. Symbole będą tak czyste, jak pozwala na urządzenie. W wieku reagowania konstrukcji jest to ważne. Przy okazji z tego samego powodu, czcionki niesamowite ikony nadają się do wyświetlaczy Retina.
• Stylizacja. Ikony można łatwo zmienić kolor, rozmiar, cień lub dowolne inne zewnętrzne parametry. Projektant dostaje wszystkie korzyści ze stylizacji zwykłego tekstu. Możesz także obracać ikony. Na przykład wyświetl do góry nogami lub obróć 90 stopni.
• Szybkie ładowanie witryny. Wszystkie ikony są zawarte w jednym pliku czcionki. Więc zajmuje tylko jedno żądanie HTTP, aby załadować niesamowitą czcionkę. Jest to świetne dla wydajności witryny.
• Miłość przeglądarek. Czcionka niesamowita jest narzędziem przeglądarki. Nie musisz się martwić o zgodność przeglądarki czcionek i ikon. Są dobrze wspierane przez wszystkich. Nawet stary IE8.
• Kompatybilny z różnymi ramami. Biblioteka została stworzona przede wszystkim dla bootstrap. Jednak będzie dobrze działać z innymi ramami.
• Kilka formatów. Narzędzie jest dostępne w formatach .eot, .ttf, .woff i svg. Więc czcionka niesamowita jest obsługiwana w taki sam sposób jak inne czcionki internetowe.
• Nie jest wymagany JavaScript. Czcionka niesamowita nie wymaga JavaScript do uruchomienia.

W ten sposób czcionka niesamowita jest skutecznym i wygodnym narzędziem, który znacząco oszczędza czas i przyspiesza Twoją witrynę.

Wady niesamowitej czcionki

Narzędzie ma również wady. Na szczęście nie ma z nich wielu.

Po pierwsze, ikony można namalować tylko w jednym kolorze. Jednak to ograniczenie można ominąć. Na przykład łącząc ze sobą darmowe ikony. Lub przy użyciu efektów CSS

Po drugie, czcionka niesamowita biblioteka zawiera zbyt wiele ikon i wszystkie są zawarte w jednym pliku. Jeśli projektant lub projektant układanek musi połączyć się tylko kilka ikon, nadal muszą całkowicie załadować całą bibliotekę. I są setkami tysięcy dodatkowych ikon, które zajmą przestrzeń. Istnieje jednak także rozwiązanie tutaj - tworzenie własnego montażu, który obejmuje tylko niezbędne ikony.

Czcionki Niesamowite wersje: 5 i 6

Font Awesome 5 został wydany 7 grudnia 2017 r. I pierwotnie zawierał 1278 ikon. Piąta wersja jest w dwóch pakietach: bezpłatna (czcionka niesamowita wolna) i płatna (Font Awesome Pro). Darmowy plan zawiera również ikony ze wszystkich czwartej wersji. Ikony są dostępne pod licencją SIL Open Font 1.1, Creative Commons Attribution 4.0 i MIT.

Font Awesome 6 to nowa wersja, która została wydana w drugiej połowie 2020 roku. Zawiera nowe ikony i jest dostępny tylko w płatnym planie.

Czcionka niesamowita 6 alfa jest również w drodze w 2021. Jest to kolejna nowa generacja biblioteki ikon. Oprócz nowych ikon, wersja 6 Alpha dodaje również nowe style, nowe usługi i narzędzia pomocnicze. Użytkownicy mogą zamówić wstępnie.

Darmowe i płatne plany: różnice i funkcje

Możesz pobrać ikony za darmo lub płatny plan taryfowy.

Bezpłatny plan obejmuje ponad 1600 ikon i 1 zestaw. Zestaw jest kolekcją ikon, stylów i ustawień, które umożliwiają szybkie wprowadzanie zmian bez dodawania kodu.

Płatna taryfa:

• Obejmuje ponad 7800 ikon i 20 zestawów.
• Zapewnia dostęp do Font Awesome Pro. Oznacza to, że ikony mogą być używane w natywnych aplikacjach mobilnych i na komputerze (na przykład w edytorze tekstu słów lub podczas tworzenia prezentacji w PowerPoint).
• Umożliwia przesyłanie własnych ikon. Możesz użyć własnych ikon obok lub zamiast oficjalnej czcionki niesamowitej ikony. Na przykład w ten sposób możesz przesłać logo firmy. Możesz wykonać te same działania z własnymi ikonami, jak z podstawowymi - zmień styl, rozmiar, kolor itp.

Obie wersje są wieczyste. Oznacza to, że są one dostarczane raz i dla wszystkich.

Sposoby połączenia czcionki niesamowitej

Przede wszystkim musisz przejść na oficjalną stronę internetową i pobrać bibliotekę. Pobrane archiwum musi być rozpakowywane, a foldery CSS i czcionek skopiowane do folderu witryny.

Po tym, ścieżka do pliku biblioteki jest określona między tagami głowicy. Na przykład:

Jak wyświetlić czcionki niesamowite ikony na stronie internetowej. Najpopularniejsze metody:

1.USING HTML.

Najprostszy sposób.

Musisz udać się do galerii na oficjalnej stronie internetowej (fontawesome.com/icons?d=gallery) i wybierz ikonę, którą lubisz. Każda ikona ma na przykład kod osobisty :. Wystarczy skopiować i wkleić go we właściwym miejscu w kodzie.

2. Przez CSS.

Aby to zrobić, użyj pseudo-elementów po lub wcześniej, jak również Unicode o wymaganej ikonie. Możesz wziąć to wszystko w tej samej galerii. Przykład tego kodu: F209.

Przykład wprowadzania pliku w stylu:

div :: po {wyświetlacz: blok; Treść: "F209"; Czcionka-rodzina: "Font Awesome 5 Free";}

Podsumowując: Wszystkie czcionki niesamowite ikony

W ten sposób czcionki niesamowite jest szybki i wygodny sposób, aby dodać bezpłatne ikony na swojej stronie. Wszystkie ikony są łatwo skalowalne i nie spowalniają witryny.