Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Иконочные шрифты

Никогда не было так просто достать иконочные шрифты как сейчас. Есть огрмоное количество дизайнеров, которые не жалеют своих сил и таланта для того чтобы выпускать абсолютно бесплатные и доступные для всех шрифты. Если слова “абсолютно доступные” наводят на мысль, что цена на них невысока, то это не так – все гораздо лучше, эти шрифты абсолютно бусплатные.

Glyphicons как часть Bootstrap

http://getbootstrap.com/components/
http://glyphicons.com/

Очень распространенный (главным образом засчет популярности bootstrap) шрифт. Приятный, хоть и небольшой набор иконок. На вкус и цвет товарищей нет, поэтому говорить о том насколько он подходит для разных проектов сложно. Хотя добавлю от себя что у иконок достаточно много острых углов, что мне не очень нравится.

bootstrap-icons

 

Font Awesome

http://fontawesome.io/icons/

Один из самых богатых шрифтов, которые мне приходилось видеть. Есть почти все – от иконок соц сетей, до типографических и топографических знаков 🙂 Удовлетворяет самым изысканным запросам. В последних версиях включает так же вращающиеся иконки, вроде ожидания и т.п., что с распространением CSS3 становаится все актуальнее.

font-awesome

 

ionicons

http://ionicons.com/

Очень интересный набор легких (с точки зрения дизайна и внешнего вида) иконок в стиле последнего дизайна iOS. Это первый шрифт в котором я встретил вращающийеся иконки, хотя вполне возможно и не они первые стали это массово применять.

ionicons

 

Fontello

http://fontello.com/

Ну и на последок – самое интересное – микшер. Мощный инструмент, который позволяет выбрать нужные иконки из разных шрифтов и объединить их в ожном файле, а не отправлять пользователю каждый раз несколько файлов со шрифтами, в которых в любом случае используется только часть. Пользователю в принципе без разницы, но зачем бессмысленно увеличивать размер запросов и передаваемых файлов?

Поделиться:
comments powered by Disqus