Конвертируем Awesome Font в PNG

Уже несколько лет подряд в своих проектах использую замечательный Font Awesome – шрифт с иконками. Набор иконок, входящих в состав Font Awesome постоянно растет и у меня еще не возникали ситуации, когда необходимая мне иконка отсутствовала. Несколько месяцев назад я начал работать над новым персональным проектом. Не буду вдаваться в нюансы задачи, скажу лишь, что сам прожект строится на платформе "1С:Предприятие 8.3" и стремительно приближается к стадии завершения.

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

Первая проблема с которой предстояло столкнуться – дистрибуция шрифта. Font Awesome – в первую очередь шрифт, а раз так, то его необходимо как-то установить в системе конечного пользователя. Вот тут возникает ряд вопросов. Системы у всех разные, права тоже, следовательно, так просто установить чужеродный шрифт не получится. Поэтому я решил пойти стандартным путем – подготовить изображения иконок в формате png. Платформа «1С:Предприятие 8» прекрасно работает с форматом png/jpg, поэтому вопрос лишь встал как быстро перегонять в эти формат нужные иконки из коллекции Font Awesome.

Сначала я хотел напрячь графический редактор, но когда посчитал примерное количество необходимых мне иконок, понял, что работать придется долго. Решил немного погуглить на эту тему и обнаружил классный сервис Font Awesome to PNG. Он делает все то , что я хотел творить в графическом редакторе, только в сотни раз быстрей.

Font Awesome to PNG

Вся работа с сервисом сводится к заполнению трех полей и нажатию двух кнопок. Для получения PNG указываем Icon Name (в соответствии с CSS классами Font Awesome), желаемый размер и цвет иконки. Дальше "Generate" и "Download". Собственно говоря, на этом процедура заканчивается. Вот так просто можно конвертировать иконки Font Awesome в PNG. Я конвертнул около 30 иконок и процедурой остался доволен.

А если Font Awesome не хватает?

Font Awesome неимоверно крут, но это не единственный шрифт с иконками. Проектов подобного уровня несколько и вполне возможно вам потребуется проделать подобную работу (конвертирование иконки в PNG) и с ними. Если так, то посмотрите еще на сервис Pixelmaker.io. Принцип работы точно такой же, как и у Font Awesome to PNG, но выбор шрифтов значительно больше.