it-swarm.com.ru

Twitter bootstrap 3 - создайте собственный глифик и добавьте к нему «шрифт»

Я использую Twitter bootstrap3, и я очень доволен новым способом обработки значка в виде шрифтов. Однако: мне нужны несколько пользовательских иконок; Мне нужно сделать их самому, и в идеале интегрировать его в существующий шрифт. Я искал без удачи. Я хорошо знаком с иллюстратором, векторной графикой и т.д., Но как интегрировать?

В худшем случае я сделаю изображения традиционным способом, но надеюсь, что есть лучшее решение.


Как интегрировать пользовательский глифик с существующим (начальной загрузкой 3) шрифтом глифика?

62
Benteh

Этот процесс может быть одним из вариантов.

Вы можете использовать IcoMoon App . Их library включает в себя FontAwesome, который поможет вам быстро начать работу, или вы загрузите глифон и загрузите файл fontawesome-webfont.svg.

Для пользовательских значков создайте SVG, загрузите их в IcoMoon и добавьте их в набор FontAwesome/Glyphicon.

Когда вы закончите, экспортируйте набор шрифтов и загрузите его, как любой другой значок шрифта.

Удачи!

ОБНОВИТЬ

Если после импорта в iconmoom.app значки импортированных файлов SVG выглядят неправильно выровненными, сначала проверьте, как они выглядят на веб-странице. Мне кажется, что предварительный просмотр не всегда может быть идеальным. Кроме того, на панели инструментов iconmoon.app есть значок редактирования, который позволяет перемещать и изменять размер.

82
David Taiaroa

Если кто-то ищет альтернативный инструмент, упомянутый здесь, я нашел Glyphter очень полезным. Он довольно прост и позволяет вам загрузить файл .svg, подготовить его и добавить больше глифов из нескольких других пакетов шрифтов. Затем вы можете загрузить весь пакет как собственный шрифт.

1
MattMakes