Четири генератора на шрифтове по избор на икони в сравнение
Шрифтовете за икони са яростта в момента. Те правят толкова лесно да вграждат векторни графики в страница, че дизайнерите навсякъде се обръщат към тях като основен начин за работа с икони.
Проблемът, разбира се, е, че се нуждаем от повече контрол върху кои икони вграждаме. Понякога ние извличаме от най-различни източници, включително и от собствената си работа, и се нуждаем от добър начин да я съберем. Въведете генератори на шрифтове на икони. Следвайте, докато сравняваме няколко от нашите любими.
Защо генератор?
Недостатъкът на използването на шрифт на иконата е, че сте ограничени от иконите, които се намират в набора, който сте изтеглили. Ако искате да включите три различни икони от три различни набора, ще трябва да заредите в три различни шрифта, което всъщност може да означава зареждане в стотици икони, от които просто нямате нужда.
Очевидно е, че ако се стремите към мършав, подреден сайт без излишни ресурси и ненужни закъснения при зареждане, това не е най-добрият начин да обмислите вграждане на икони. Тук влизат персонализирани шрифтове за икони. В този сценарий вземате трите си икони, хвърляте ги в един мъничък персонализиран шрифт и го вграждате във вашата страница.
За съжаление, не всички имаме знания или ресурси, за да изградим собствени шрифтове. Не се притеснявайте обаче, тези генератори на шрифтове за персонализирани икони са обхванали. Независимо дали искате да използвате собствените си икони или да използвате съществуващите набори от икони, по-долу има инструмент, за да свършите работата.
Fontello
Първият генератор, който ще проверим е Fontello. Това приложение е супер елегантен, наистина лесен за използване и има единадесет напълно безплатни набора от икони, включително шрифт Awesome и Iconic. Няма хиляди икони, от които да избирате, но определено има достатъчно, за да можете да намерите това, което търсите.
Говорейки за намирането на това, което търсите, тази задача се опростява чрез моменталното актуализиране на функцията за търсене в горната част на страницата. Обичам филтрирането на живо тук, което е много по-добре, отколкото да чакате нова страница да се зареди с резултатите от търсенето ви.
Изборът на икони за вашия персонализиран шрифт е толкова лесно, колкото кликването върху тях. След като намерите и изберете иконите, които искате да включите, прескочете до втория раздел, където можете да промените имената на всяка икона. Малки опции за персонализиране като тази, които правят Fontello толкова страхотен.
Следващата стъпка е да проверите раздела „Редактиране на кодове“, за да можете да персонализирате знаците, които са свързани с всяка икона. Това е достатъчно лесно, просто използвайте предоставените полета.
След като изпълните стъпките по-горе, всички сте готови да тръгнете. Просто въведете име на файл и щракнете върху връзката за изтегляне, за да получите вашия персонализиран шрифт.
Изтегли
Изтеглянето на Fontello включва огромни четиринадесет файла, разпределени в няколко папки. Отпечатъкът на всеки файл е мъничък, но големият брой елементи, които получавате, може да изглежда непосилен за някой, който търси просто решение. Като се има предвид, наистина е хубаво да имаш напълно функциониращ пример за работа и те са положили много усилия, за да се уверят, че всичко е възможно най-съвместимо с браузъра.
IcoMoon
Следващото приложение, което ще разгледаме, е IcoMoon. Честно казано, много прилича на Фонтелло, но има някои ключови разлики, които си струва да се проучат.
Точно както при Fontello, можете да прегледате иконите чрез превъртане или да използвате функцията за интегрирано търсене, за да намерите нещо конкретно.
Има много повече икони, отколкото виждате по подразбиране. За да проверите останалото, натиснете бутона „Библиотека“ в горната част на екрана.
Това ще ви отведе до страница, която в момента има шестнадесет различни колекции, от които да избирате, много от които са безплатни, докато други трябва да бъдат закупени.
Импортиране на други ресурси
Една от най-добрите характеристики на IcoMoon е възможността да импортирате други ресурси, които да включите във вашата персонализирана конструкция. Можете да качвате други шрифтове за икони или дори собствена персонализирана SVG графика. Това прави IcoMoon страхотен ресурс за всеки, който иска да изгради собствен шрифт на иконата от нулата.
Генериране на шрифта
След като изберете иконите си, можете да продължите към изтеглянето на шрифта си чрез бутона в долната част на страницата. Също така забележете, че имате възможност да изтеглите иконите като изображение (ще генерира спрайт страница).
Точно както при Fontello, преди изтеглянето ви се предоставят някои опции за промяна на настройките и кодиране на вашия шрифт.
Изтегли
Изтеглянето тук е значително по-малко, отколкото при Fontello. Има само девет файла, пет от които са действителният шрифт. По принцип Fontello ви дава куп CSS файлове, докато IcoMoon го кондензира до един. Това прави всичко много по-лесно да се пресее, а демонстрационната страница също е малко по-хубава.
Pictonic
Следващ в нашия списък е Pictonic. За да използвате този сайт, трябва да се регистрирате за акаунт. Оттам получавате три варианта. Можете да използвате безплатните икони, да използвате платени икони в размер на 0, 59 долара за икона или да получите неограничен достъп за 199 долара.
Тук виждаме същата тренировка като преди, използвайте функцията за търсене на живо или прегледайте наличните икони, като превъртите и кликнете върху тези, които искате.
Има и падащо меню, което ви позволява лесно да филтрирате резултатите по категории. Това също е добър начин да разгледате 320 безплатни икони (които са предимно социални и софтуерни лога).
Изтегли
Този път наистина не виждам никакви опции за персонализиране на вашето изтегляне, просто кликнете върху „Напред“, след това „Изтегляне“ и получавате това, което се оказва най-голямото ни изтегляне досега.
С Pictonic вие автоматично получавате файловете по почти всеки начин, по който бихте могли да ги искате: файлове с шрифт, PNG и SVG. Броят на получените файлове зависи от броя икони, които сте избрали. Обичам, че имам всички тези опции, но бих искал да избера какво правя и не искам преди изтеглянето.
Pictos сървър
Спасих външния за последно. Pictos Server върви по нещата доста по-различно от другите сайтове. Вместо да изграждате персонализиран шрифт, който изтегляте и вграждате на вашия собствен сървър, Pictos хоства иконите за вас. По принцип е известен като „Typekit на иконите“, което е прилично описание на това, което можете да очаквате от услугата.
По мое преброяване, в момента има около 338 икони за избор. Можете да намалите офертата, като изберете един от комплектите Pictos или потърсите нещо конкретно.
След като изберете иконите, можете да въведете знаците, които искате да представите всяка икона. От тук просто щракнете върху бутона „Генериране на код“, който ви дава вградена CSS връзка, която просто хвърляте във вашия файл.
Ценообразуване
Тъй като Pictos е хостинг услуга, очевидно има месечна такса. Цените за плановете се определят според показванията на страници, започвайки от $ 0 за до 25 000 месечни гледания до $ 50 за до 4 000 000 месечни гледания.
Също така е важно да се отбележи, че изглежда, че свободният план е ограничен до дванадесет икони на шрифт.
Как ги сравняват?
Очевидно отговорът на въпроса кой сайт е „най-добрият“ зависи от вашите конкретни нужди. Всеки сайт изглежда отлично по свой начин. Ако търсите най-лесното решение, не можете да победите Pictos Server. Всъщност има много малко работа и вграждането на иконата на шрифта е моментно.
Ако търсите тон безплатни шрифтове без излишни проблеми да се регистрирате за акаунт, вижте Fontello. Това е страхотна услуга с много възможности и вероятно ще бъде всичко, от което се нуждаете.
По отношение на функциите и опциите IcoMoon е трудно победим. Обичам, че ви позволява да качвате и интегрирате собствената си работа или дори други шрифтове с икони, които сте намерили. Тук също има тон безплатни икони и дори няколко премиум пакета, ако наистина искате да излезете навън.
Като цяло Pictonic беше може би най-малкото ми любимо на бандата. Изборът на безплатна икона не беше чак толкова голям и нямате опции за персонализиране, които имат другите услуги. Едно нещо, което харесвам при Pictonic, е директният модел за ценообразуване на премиум икони: $ 0, 59 за икона или 199 $ за неограничен достъп. Хубаво и просто!
Кой генератор на шрифтове за икони е любимият ви?
Като цяло и четирите от тези услуги си струва да проверите. Всички те са наистина лесни за използване и са пълни със стойност.
Сега, когато видяхте мислите ми за тези четири генератора на шрифтове, оставете коментар по-долу и ми кажете своите мисли. Използвали ли сте някоя от тези услуги в минали проекти? Кои препоръчвате? Какви други опции има там, които съм пропуснал?
