Porównanie czterech niestandardowych generatorów czcionek ikon
Czcionki ikon są teraz modne. Sprawiają, że tak łatwo osadzić grafikę wektorową na stronie, że projektanci na całym świecie zwracają się do nich jako główny sposób obsługi ikon.
Problem polega oczywiście na tym, że potrzebujemy większej kontroli nad tym, które ikony osadzamy. Czasami czerpiemy z różnych źródeł, w tym z naszej własnej pracy, i potrzebujemy dobrego sposobu na połączenie tego wszystkiego. Wprowadź generatory czcionek ikon. Śledź dalej, porównując kilka naszych ulubionych.
Dlaczego generator?
Wadą używania czcionek ikon jest to, że ograniczają Cię ikony, które znajdują się w pobranym zestawie. Jeśli chcesz dołączyć trzy różne ikony z trzech różnych zestawów, musisz załadować trzy różne czcionki, co może oznaczać załadowanie setek ikon, których po prostu nie potrzebujesz.
Oczywiście, jeśli wybierasz się na szczupłą, wredną witrynę bez zbędnych zasobów i niepotrzebnych opóźnień w ładowaniu, nie jest to najlepszy sposób na osadzanie ikon. W tym miejscu wkraczają niestandardowe czcionki ikon. W tym scenariuszu bierzesz trzy ikony, wrzucasz je do jednej niewielkiej niestandardowej czcionki i osadzasz na swojej stronie.
Niestety, nie wszyscy mamy wiedzę lub zasoby do tworzenia własnych czcionek. Nie martw się jednak, te niestandardowe generatory czcionek ikon już Cię omawiają. Niezależnie od tego, czy chcesz używać własnych ikon, czy wykorzystać istniejące zestawy ikon, poniżej znajdziesz narzędzie do wykonania zadania.
Fontello
Pierwszym generatorem, który sprawdzimy, jest Fontello. Ta aplikacja jest bardzo zgrabna, naprawdę łatwa w obsłudze i ma jedenaście całkowicie darmowych zestawów ikon, w tym Font Awesome i Iconic. Nie ma tysięcy ikon do wyboru, ale zdecydowanie jest wystarczająco dużo, abyś mógł znaleźć to, czego szukasz.
Mówiąc o znalezieniu tego, czego szukasz, zadanie to jest proste dzięki natychmiastowej aktualizacji funkcji wyszukiwania u góry strony. Uwielbiam tutaj filtrowanie na żywo, które jest o wiele lepsze niż czekanie na załadowanie nowej strony z wynikami wyszukiwania.
Wybieranie ikon niestandardowej czcionki jest tak proste, jak klikanie ich. Po znalezieniu i wybraniu ikon, które chcesz dołączyć, przeskocz do drugiej karty, w której możesz zmienić nazwy każdej ikony. Niewiele takich opcji dostosowywania sprawia, że Fontello jest taka wspaniała.
Następnym krokiem jest sprawdzenie karty „Edytuj kody”, aby można było dostosować znaki powiązane z każdą ikoną. Wykonanie tego jest dość łatwe, wystarczy użyć dostarczonych pól.
Po wykonaniu powyższych kroków możesz już zacząć. Po prostu wpisz nazwę pliku i kliknij link pobierania, aby otrzymać niestandardową czcionkę.
Ściągnij
Pobieranie Fontello zawiera aż czternaście plików rozproszonych w kilku folderach. Ślad każdego pliku jest niewielki, ale sama liczba otrzymanych elementów może wydawać się przytłaczająca dla kogoś, kto szukał prostego rozwiązania. Biorąc to pod uwagę, naprawdę miło jest mieć w pełni funkcjonalny przykład do pracy i dołożyli wszelkich starań, aby upewnić się, że wszystko jest jak najbardziej kompatybilne z przeglądarką.
IcoMoon
Następną aplikacją, na którą się przyjrzymy, jest IcoMoon. Szczerze mówiąc, jest to bardzo podobne do Fontello, ale istnieją pewne kluczowe różnice, które warto zbadać.
Podobnie jak w przypadku Fontello, możesz przeglądać ikony, przewijając lub użyć zintegrowanej funkcji wyszukiwania, aby znaleźć coś konkretnego.
Domyślnie dostępnych jest o wiele więcej ikon. Aby sprawdzić resztę, naciśnij przycisk „Biblioteka” u góry ekranu.
Spowoduje to przejście do strony, która ma obecnie szesnaście różnych kolekcji do wyboru, z których wiele jest bezpłatnych, a inne trzeba kupić.
Importowanie innych zasobów
Jedną z najlepszych funkcji IcoMoon jest możliwość importowania innych zasobów w celu włączenia do niestandardowej kompilacji. Możesz przesyłać inne czcionki ikon, a nawet własną grafikę SVG. To sprawia, że IcoMoon jest niesamowitym zasobem dla każdego, kto chce zbudować własną czcionkę od zera.
Generowanie czcionki
Po wybraniu ikon możesz przejść do pobierania czcionek za pomocą przycisku na dole strony. Zauważ również, że masz możliwość pobrania ikon jako obrazu (wygeneruje to stronę duszka).
Podobnie jak w przypadku Fontello, przed pobraniem masz kilka opcji zmiany ustawień i kodowania czcionki.
Ściągnij
Pobranie tutaj jest znacznie mniejsze niż w przypadku Fontello. Jest tylko dziewięć plików, z których pięć to prawdziwa czcionka. Zasadniczo Fontello daje ci kilka plików CSS, podczas gdy IcoMoon skraca je do jednego. Dzięki temu wszystko jest łatwiejsze do przesiewania, a strona demonstracyjna jest nieco ładniejsza.
Pikt
Następny na naszej liście jest piktogram. Aby korzystać z tej strony, musisz założyć konto. Stamtąd masz trzy opcje. Możesz korzystać z bezpłatnych ikon, korzystać z płatnych ikon w wysokości 0, 59 USD za ikonę lub otrzymać nieograniczony dostęp za 199 USD.
Widzimy to samo ćwiczenie, co wcześniej, użyj funkcji wyszukiwania na żywo lub przeglądaj dostępne ikony, przewijając i klikając te, które chcesz.
Istnieje również menu rozwijane, które pozwala łatwo filtrować wyniki według kategorii. Jest to również dobry sposób na obejrzenie 320 darmowych ikon (najczęściej logo społecznościowe i oprogramowania).
Ściągnij
Tym razem nie widzę żadnych opcji dostosowywania pobierania, wystarczy kliknąć „Kontynuuj”, a następnie „Pobierz”, a otrzymasz coś, co okazało się naszym największym jak dotąd pobraniem.
Dzięki Pictonic pliki są automatycznie odbierane praktycznie w każdy możliwy sposób: pliki czcionek, PNG i SVG. Liczba otrzymywanych plików zależy od liczby wybranych ikon. Podoba mi się, że mam wszystkie te opcje, ale chciałbym wybrać to, co robię, a nie chcę przed pobraniem.
Serwer Pictos
Na koniec zapisałem wartość odstającą. Pictos Server działa zupełnie inaczej niż inne strony. Zamiast budować niestandardową czcionkę, którą pobierasz i osadzasz na własnym serwerze, Pictos udostępnia ikony. Jest ogólnie znany jako „Typekit ikon”, który jest dobrym opisem tego, czego można oczekiwać od usługi.
Według moich obliczeń do wyboru jest obecnie około 338 ikon. Możesz ograniczyć ofertę, wybierając jeden z zestawów Pictos lub szukając czegoś konkretnego.
Po wybraniu ikon możesz wpisać znaki, które chcesz reprezentować dla każdej ikony. Następnie wystarczy kliknąć przycisk „Generuj kod”, który daje link do osadzenia CSS, który wystarczy wrzucić do pliku.
cennik
Ponieważ Pictos jest usługą hostingową, oczywiście wiąże się to z opłatami miesięcznymi. Ceny planów są ustalane zgodnie z odsłonami, zaczynając od 0 USD za maksymalnie 25 000 wyświetleń miesięcznie do 50 USD za maksymalnie 4 000 000 wyświetleń miesięcznie.
Ważne jest również, aby pamiętać, że bezpłatny plan wydaje się być ograniczony do dwunastu ikon na czcionkę.
Jak się porównują?
Oczywiście odpowiedź na pytanie, która strona jest „najlepsza”, zależy od konkretnych potrzeb. Każda strona wydaje się wyróżniać na swój sposób. Jeśli szukasz najprostszego rozwiązania, nie możesz pokonać Pictos Server. Naprawdę niewiele pracy wymaga, a osadzenie czcionki ikony jest bardzo proste.
Jeśli szukasz ton darmowych czcionek bez kłopotów z założeniem konta, sprawdź Fontello. To świetna usługa z wieloma opcjami i prawdopodobnie będzie wszystkim, czego potrzebujesz.
Pod względem funkcji i opcji IcoMoon jest trudny do pokonania. Uwielbiam to, że umożliwia przesyłanie i integrowanie własnej pracy lub nawet innych znalezionych czcionek ikon. Jest tu również mnóstwo darmowych ikon, a nawet niektóre pakiety premium, jeśli naprawdę chcesz wyjść na całość.
Ogólnie rzecz biorąc, Pictonic był prawdopodobnie moim najmniej ulubionym z tej grupy. Darmowy wybór ikon nie był aż tak świetny i nie masz opcji dostosowywania, które mają inne usługi. Jedną z rzeczy, które lubię w Pictonic, jest prosty model wyceny ikon premium: 0, 59 USD za ikonę lub 199 USD za nieograniczony dostęp. Ładnie i prosto!
Który generator czcionek ikon jest twoim ulubionym?
Ogólnie rzecz biorąc, wszystkie cztery z tych usług są warte sprawdzenia. Wszystkie są naprawdę łatwe w użyciu i pełne wartości.
Teraz, gdy widziałeś moje przemyślenia na temat tych czterech generatorów czcionek, zostaw komentarz poniżej i powiedz mi swoje przemyślenia. Czy korzystałeś z którejkolwiek z tych usług w poprzednich projektach? Który polecasz? Jakie jeszcze opcje przegapiłem?
