Бесплатные шрифты с иконками

Шрифты с иконкам вместо стандартного алфавита содержат разные символы, например, стрелочки, лупу, карандаши и многие другие иконки. Как и для всех нестандартных шрифтов подключение осуществляется через CSS @font-face.

Преимущества подобных шрифтов с иконками очевидны:

  • Кроссбраузерная поддержка (даже в IE6 работает с помощью @font-face).
  • Могут масштабироваться на лету.
  • Легко задавать любой цвет для иконок.
  • К шрифтам можно применять разные CSS свойства, например тень.

Эти шрифты мне чем-то напоминают сервисы иконок созданных на CSS One Div и The Noun Project. И те, и другие достаточно гибкие в плане использования (кроссбраузерность, масштабирование, разные эффекты). Но применение шрифтов все же более простое, для них не требуется много строчек кода. Вот тут можете посмотреть демо использования шрифтов с иконками (попробуйте поменять там разные параметры).

Но вернемся все же непосредственно к самим наборам шрифтов.

Бесплатные шрифты с иконками

Raphaël Icon-Set

Raphaël Icon-Set

В наборе 116 иконок, лицензия MIT License. Тут реально много разных иконок – от погоды, смайликов, браузеров до социальных сетей и системных картинок.

Sosa icon font

Sosa icon font

Тут найдете 121 иконку, допускается использование в коммерческих проектах. Вместе с весьма необычными картинками полно стандартных изображений (стрелочки и прочие системные иконки).

Foundation Icon Fonts 3

Foundation Icon Fonts 3

В наборе 283 иконки, которые разделены на группы: основные, страницы, стрелочки, люди, устройства, текстовый редактор, медиа, электронная коммерция, социальные и другие.

Font Awesome

Font Awesome

В этом шрифте имеет 369 иконок. Набор постоянно добавляется и расширяется.

Iconic Icon Set

Iconic Icon Set

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

IcoMoon

IcoMoon

Для создания шрифта нужно воспользоваться специальный приложением сервиса IcoMoon web app. Если я правильно понял, то здесь можно просмотреть несколько разных наборов шрифтов, а также добавлять свои собственные иконки.

Entypo

Entypo

Более 100 разных иконок, лицензия – Creative Commons Attribution 3.0 Unported.

Typicons

Typicons

Набор содержит 336 иконок на любой вкус и цвет.

В принципе, я не первый раз сталкиваюсь со шрифтами с иконками (в фотошопе пригодились пару раз), но никогда не думал о их применении в веб-приложениях и сайтах. А ведь это реально удобно и эффективно. Думаю, данные наборы шрифтов разработчикам должны понравится.

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        
Похожие по тематике посты:

Оставить комментарий
для статьи Бесплатные шрифты с иконками