Инструменты для создания иконки

Я хотел бы создать шрифт значка для использования в веб-приложении. fontAwesome, Iconic, fontomas - примеры того, что я хотел бы сделать, но мне нужно использовать пользовательские значки. Я не знаю, с чего начать. Любая помощь приветствуется.

Ответ 1

Inkscape - отличное бесплатное приложение для создания графики с векторами (из чего сделаны современные шрифты).

FontForge - отличное бесплатное приложение для создания шрифтов и может импортировать SVG (отличный формат бесплатной векторной графики) от Inkscape.

Ответ 2

Если вы еще этого не видели, мое веб-приложение может помочь вам генерировать значки: http://icomoon.io/app

Вы можете импортировать собственные SVG или просмотреть библиотеку шрифтов значков: http://icomoon.io/app/#library

Ответ 3

Несмотря на то, что narkeeso сказал, шрифт имеет только одну базовую линию. Все ваши значки должны сидеть на этой линии, чтобы быть последовательными. Некоторые шрифты значков пытаются центрировать значки по вертикали, но это вызывает больше проблем, чем решает, и вы всегда можете отрегулировать вертикальное положение значка относительно окружающих символов, используя свойство vertical-align.

Я тестировал базовый уровень в шаблоне в значительной степени для этой статьи, и он очень успешен в браузерах. Однако вы можете сопоставить X-height с общим шрифтом, таким как Arial. Это можно сделать в конвертере Font Squirrel.

Ответ 4

Роб, вы можете начать здесь.

Это не лучший пример, и шаблон, о котором он говорит, немного устарел. Вам придется поэкспериментировать, перемещая значки вокруг холста в зависимости от исходных условий шрифта.

Там также этот длинный пост, где он импортирует свои векторы в FontLab. Недостатки FontLab - это цена в $649, и кривая обучения круче, чем Inkscape. Я также обнаружил, что FontLab не работает с моей установкой OS X.

На боковой ноте:

Кому-то нужно сделать программное обеспечение, посвященное этой задаче...

Ответ 5

ive использовало приложение под названием glyphs (http://www.glyphsapp.com/) для создания шрифтов, а в последнее время истек шрифт значка для использования в Интернете, Я импортировал глификоны, поскольку они поставляются с бутстрапом, чтобы узнать, какие показатели они использовали. поэтому при 20px fontsize theyd соответствуют сетке лучше всего. и т.д.

У меня есть пользовательский script для экспорта файла css, который создает все классы с прикрепленными юникодами. и еще один python script, который присваивает значения unicode пользовательским глифам (некоторые значки на самом деле являются частью юникода, например камеры, звонка и т.д.)

после этого я должен использовать шрифт squirrel для преобразования веб-шрифтов tho, я связался с разработчиком, который сказал, что он реализует экспорт webfont. обновления бесплатны, но он пока не включил прямой экспорт webfont. поэтому его всегда немного хлопот, чтобы вытащить шрифт из приложения в браузер.

но я, безусловно, упростил несколько факторов.

fontlab не похож на пользователя, и я не рекомендую его по этой причине, но также и цену. глифы предлагает мини-версию за 40 евро, которая должна охватывать функциональность, необходимую для создания значков.

Ответ 6

Если вам нужны значки шрифтов, это приложение очень хорошо: http://fontastic.me/