Ю2сайт

Создание сайтов

Свой набор иконок в шрифте


Давно не новость, что иконки лучше использовать шрифтовые, они весят меньше, масштабируются лучше да и вообще это круто.
Но, что делать если вам нужно 2 иконки из Font Awesome и по одной из Entypo и Typicons. 
Не подключать же все 3 шрифта, весить это будет довольно ощутимо, а использовать будем только 4 иконки. Ответ очевиден нужен свой пак.



Для этого идем на fontello.com выбираем нужные иконки из разных паков и качаем свой свеже собранный иконочный шрифт.
В архиве вы получите: 
• шрифты формата woff2, woff, ttf, svf, eot
• css включая анимацию
• demo.html со всеми иконками и возможностью посмотреть их коды

В сервисе уже есть такие иконки как: Fontelico, Font Awesome, Typicons, Iconic, Modern Pictograms, Meteocons, MFG Labs, Maki, Zocial, Brandico, Elusive, Linecons и Web Symbols
Если вам мало этого набора, то есть ещё одна интересная особенность, сервис позволяет подгрузить свой svg файл для того, что бы вытащить от туда иконки и включить их в ваш пак.

Ещё считаю, что это будет полезно тем, кто из всех иконок использует только соц сети.
Для эксперимента я взял из font awesome только соц сети (вк, facebook, g+, и т.д.) получилось 16 иконок. Ну и мой пак весит 85Кб против 1.1Мб оригинального fant-awesome, как результат ускорим скорость загрузки сайта.