Я уже писал о встроенном в 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. Учитывайте это выбирая иконки из разных наборов .
Также можно пользоваться поиском иконок по имени.
В скачанном архиве со шрифтом есть файл selection.json в котором хранятся ваши настройки касательно этого шрифта. Файл пригодится если позже захочется дополнить скачанный шрифт еще какими-либо иконками. Все, что нужно будет сделать - это открыть Icomoon, кликнуть по кнопке Import Icons и загрузить JSON-файл.
Также в скачанном архиве есть файл demo.html, в котором вы можете посмотреть внешний вид, имя иконок (для вставки на страницу) и прочую информацию.
Ну а как вставлять такие иконки к себе на сайт я уже упоминал вот тут.
