Okrąg wielkich czcionek ikon
Czcionki Icon są niezwykle użyteczne podczas projektowania witryny i mają ogromną liczbę zalet w stosunku do zwykłych ikon.
Ponieważ są dostarczane jako pliki czcionek i osadzone jak czcionki, ikony te są łatwo skalowalne, a ich kolor można zmienić na żywo, zamiast edytować obrazy; wraz z tym różne efekty można dodać za pomocą kodowania, takich jak cienie, efekty obrysu lub gradienty, dzięki czemu są znacznie bardziej wszechstronne niż obrazy.
W tym miejscu wykorzystamy najlepsze czcionki ikon dostępne w Internecie, które można wykorzystać w swoich witrynach.
Fico
Fico to fantastycznie wyglądająca czcionka, prezentowana na pięknej stronie, co sprawia, że pobieranie i korzystanie z niej jest przyjemnością. Witryna wyraźnie pokazuje, która litera lub glif jest używana dla każdej ikony, co usuwa czasami bolesny proces pobierania ikony czcionki tylko po to, aby znaleźć nie masz pojęcia, gdzie znaleźć każdą ikonę na klawiaturze i spędzać cenny czas na przechodzeniu przez każdy klawisz. Te ikony wyglądają fantastycznie w połączeniu z Helvetica, czyste, gładkie linie pracujące razem tematycznie tworzą wrażenie, że Fico zostało stworzone dla bezszeryfowych krojów. Dalsze przykłady można zobaczyć na ich stronie.
Pixelated
Pixelated jest czcionką, która mimo swojego uroku ma praktyczne zastosowanie. Pixelated jest niezwykle lekki, pliki o rozmiarach ikon wynoszą średnio około 60 bajtów! Nie megabajtów, a nawet kilobajtów, bajtów! Możesz również pobrać je jako przezroczyste pliki GIF, więc są one zgodne z IE6, a jeśli chcesz je edytować, możesz pobrać PSD. Czcionka ma dwa schematy kolorów, pokazane poniżej, dzięki czemu korzystanie z nich jest jeszcze prostsze. Jest całkowicie bezpłatny i jest dostępny do użytku komercyjnego!
Entypo
Zaskakujące, że czcionka zawiera ponad 100 ikon, Entypo jest całkowicie bezpłatny i podobnie jak Pixelated, jest dostępny do użytku komercyjnego. Można go pobrać jako plik wektorowy do edycji wraz z plikiem czcionek OpenType. Ta czcionka bardzo przypomina ikony interfejsu Apple, używane w iOS5 i OSX10, a jako miły akcent, 50% darowizn na stronie czcionki jest przekazywanych do Wikipedii.
Uicons
Poza dość dowcipnym imieniem, Uicons oferują 391 ikon w swoim zestawie i zawierają ikony specyficzne dla sieci społecznościowej, które często są bardzo pomijane w czcionkach ikon. Nic dziwnego, że ten zestaw nie jest darmowy, jednak za stosunkowo tanie 20 USD wszystkie kolejne aktualizacje czcionki są bezpłatne. Ikony te są zaprojektowane, aby być nieskończenie skalowalne, dzięki czemu projektowanie responsywne, od ekranów 1080p aż po urządzenia mobilne, takie jak iPhone, jest o wiele łatwiejsze. Można go pobrać w wielu formatach, jednak nie jako czcionkę, jest on uwzględniony na tej liście, ponieważ wsparcie jest w toku i zasługuje na miejsce tutaj.
Ikonowy
Ikonowy to zestaw ikon open source składający się z 171 ikon w różnych formatach, w tym jako czcionka. Został zaprojektowany, aby być skalowalnym, "ma być najbardziej przyszłościowo myślącym zestawem ikon, opartym na jego wspieraniu skierowanych do przodu metod wyświetlania / wdrażania. Ikony nie powinny być jasne i atrakcyjne, powinny być łatwe i elastyczne w obsłudze ". Ta czcionka o otwartym kodzie źródłowym oznacza, że została dodana z konieczności, gdy ikony były potrzebne, a nie planowana jako zestaw od samego początku, co prowadzi do tego, że zestaw zawiera raczej interesujące i mniej tradycyjne ikony.
Sanscons
To jest adaptacją innej czcionki, Bitcons , zestaw 120 ikon w 10 różnych kolorach i różnych rozmiarach. Sanscons ma na celu uczynienie Bitconsa bardziej przyjaznym CSS, z przezroczystym tłem i 13 kolorami. Ikony mają także 16 × 16, 32 × 32 i 64 × 64 pikseli oraz przycięte do rozmiaru. Ikony 32 × 32 i 64 × 64 mają bardziej chrupiący wygląd, zachowując styl pikseli. Zestaw jest bezpłatny na licencji Creative Commons.
Heydings
Heydings to czcionka utworzona z "frustrującego deficytu wysokiej jakości darmowych czcionek internetowych dostępnych do osadzania", w słowach twórców. Zawiera 60 Glifów, a strona internetowa oferuje nawet CSS, aby ułatwić sobie kodowanie czcionką. Autor również zamapował ikony w kolejności alfabetycznej dla dalszej łatwości użycia. Są one przeznaczone do użycia jako część podstawowego interfejsu użytkownika witryny, a więc glify obejmują szeroki zakres różnych witryn.
Tylko wektor
Zestawowi ikon towarzyszy obszerna strona internetowa obejmująca wszystkie aspekty Tylko wektor , od sposobu, w jaki jest on wyświetlany w przeglądarce, do tego, jak będzie wyglądać na sformatowanej stronie, w różnych rozmiarach, wraz z kodem, aby uczynić @ fontface'ing łatwiejszym. Zawiera nawet podręczny przewodnik rozwiązywania problemów, który dotyczy wszystkich webfontów, obejmujący ładowanie w różnych przeglądarkach, w tym mobilnych. Witryna demonstruje skalowalność czcionki, pokazując rozmiary znacznie większe niż wiele czcionek ikonek, które wymagają pomocy.
Flexi Ikony społecznościowe
Flexi jest dostępny na stronie myfonts.com, która oferuje stronę wyświetlającą renderowanie czcionek w wielu przeglądarkach. Czcionka ma 68 glifów i kosztuje 29 USD, a także webfont zapewnia opcje OpenType OTF i TrueType dla wszechstronności.
WriteSocial
Writesocial tylko 18 ikon pokazanych poniżej, jednak 10 $ jest uzasadnione w odmianach, w których mogą się pojawić, z takimi opcjami jak ikony kwadratowe lub kołowe. Jest dostarczany z formatem Open Type, a także licencjonowany do używania z @ font-face. Przy zakupie dostaniesz plik HTML z wieloma przykładami czcionki z użyciem @ font-face. Poza tym możesz zapłacić 15 USD za czcionkę, zamiast standardowych 10 USD, gdzie 10 USD z 15 USD trafia do organizacji Charity: Water.
ikoo
ikoo to czcionka opracowana specjalnie do zintegrowania ze stroną html bez użycia obrazów za pośrednictwem @FontFace lub w inny sposób. Skupia się na nawigacji w witrynie i oferuje wiele naprawdę czystych ikon w obu wariantach, białym i czarnym, z 65 darmowymi ikonami w sumie.
InfoBits (Ikony i Dingbaty)
Daje ci dwa zestawy w cenie jednego, tylko 29 $ za 190 znaków, InfoBits ma dwie osobne czcionki ikon, pokazane poniżej, które są również dostępne osobno za 19 USD za sztukę. Postacie mają zabawny, ale tradycyjny styl, z ogromnym zakresem zastosowań i opcji, są niezwykle wszechstronne zarówno do nawigacji po stronie, jak i do innych zastosowań peryferyjnych.
Pictos
Pictos to zestaw ikon dostępny w oszałamiającej liczbie formatów, a witryna ma wbudowaną klawiaturę, aby dostosować własną czcionkę Pictos. Zawiera 650 ikon i jest uważany za wystarczająco dobry, aby mógł być używany w całej sieci, przez witryny takie jak Microsoft, Adobe i BitTorrent. Ponieważ jest to niestandardowa funkcja czcionek, jest ona używana bezpośrednio na serwerach Pictos, a zatem wymaga skalowalnej subskrypcji po 10-dniowym bezpłatnym okresie próbnym. Jest to niezwykle atrakcyjna czcionka i łatwo zrozumieć, dlaczego jest używana przez wiele renomowanych stron internetowych.
Czcionka Awesome
To czcionka jest przeznaczony do użytku z platformą Bootstrap CSS na Twitterze, w tym 220 ikonami, podając przykłady ikon używanych w interfejsie Bootstrap na swojej stronie. Są również podane jako ikony wektorowe do łatwej edycji, a nowa wersja 2.0 obsługuje IE7, dla maksymalnej kompatybilności.
Co uważasz za najbardziej użyteczną ikonę, wózek, ikonę Twittera? Czy przegapiliśmy jeden z twoich ulubionych zestawów? Daj nam znać w komentarzach.