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

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

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

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

2 60
twitter-bootstrap-3 fonts icons glyphicons

2 ответа:

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

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

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

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

удачи!

обновление

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

82

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

0