Генераторы иконических шрифтов

Я уже писал о встроенном в WordPress иконическом шрифте в этой записи: WordPress: Dashicons - векторные иконки. На этот раз поговорим о том случае, когда хочется создать свой шрифт, который будет состоять из определенного набора иконок. В этом нам могут помочь сервисы по генерации иконических шрифтов.

Вот, например, подборка из таких сервисов:

  • iconvau.lt
  • fontastic.me
  • fontello.com
  • pictonic.co
  • icomoon.io
  • fontcustom.com
  • pictos.cc
  • weloveiconfonts.com

Они все схожи между собой.

Рассмотрю один из этих сервисов - icomoon.io.

На странице icomoon.io/app можно увидеть большой набор иконок. Кликая по иконкам можно указать какие мы хотим включить в свой шрифт. После этого жмем на кнопку "Font" и на новой странице жмем "Download".

Но это даже не все иконки, если промотать в самый низ странички, то можно увидеть ссылку "Add Icons From Library…" через которую можно добавить еще больше иконок в первоначальный набор.

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

icomoon

Также можно пользоваться поиском иконок по имени.

В скачанном архиве со шрифтом есть файл selection.json в котором хранятся ваши настройки касательно этого шрифта. Файл пригодится если позже захочется дополнить скачанный шрифт еще какими-либо иконками. Все, что нужно  будет сделать - это открыть Icomoon, кликнуть по кнопке Import Icons и загрузить JSON-файл.

Также в скачанном архиве есть файл demo.html, в котором вы можете посмотреть внешний вид, имя иконок (для вставки на страницу) и прочую информацию.

Ну а как вставлять такие иконки к себе на сайт я уже упоминал вот тут.

 

 

Понравилось? =) Поделись с друзьями:

Обсудить