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

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

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

Любые идеи?

Ответы

Ответ 1

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

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

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

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

Удачи!

UPDATE

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