11

Web アプリケーションで使用するアイコン フォントを作成したいと考えています。fontAwesome、Iconic、fontomas は私がやりたいことの例ですが、カスタム アイコンを使用する必要があります。どこから始めればよいかわかりません。どんな助けでも大歓迎です。

4

6 に答える 6

18

まだご覧になっていない場合は、私の Web アプリでアイコン フォントを生成できます: http://icomoon.io/app

独自の SVG をインポートするか、アイコン フォント ライブラリを参照できます: http://icomoon.io/app/#library

于 2013-01-16T21:14:15.917 に答える
11

Inkscapeは、ベクター (最新のフォントの構成要素) を使用してグラフィックを作成するための優れた無料アプリケーションです。

FontForgeは、フォントを作成するための優れた無料のアプリケーションであり、 Inkscape からSVG (優れた無料のベクター グラフィック フォーマット) をインポートできます。

于 2012-04-21T00:41:19.327 に答える
2

narkeesoが言ったことにもかかわらず、フォントには1つのベースラインしかありません。一貫性を保つために、すべてのアイコンをその線上に配置する必要があります。一部のアイコンフォントはアイコンを垂直方向に中央揃えしようとしますが、これは解決するよりも多くの問題を引き起こし、プロパティを使用して周囲の文字に対するアイコンの垂直方向の位置をいつでも調整できvertical-alignます。

その記事のテンプレートでベースラインを徹底的にテストしましたが、ブラウザー間で非常に成功しています。ただし、X-heightをArialなどの一般的なフォントに一致させることをお勧めします。これは、FontSquirrelコンバーターで実行できます。

于 2012-09-03T22:02:31.117 に答える
1

ロブ、ここから始められます

これは最良の例ではなく、それが話すテンプレートは少し古くなっています。フォントのベースラインに応じて、キャンバス上でアイコンを移動して実験する必要があります。

彼が自分のベクトルをFontLabにインポートするこの長い投稿もあります。FontLabの欠点は、価格が649ドルで、学習曲線がInkscapeよりも急なことです。また、OSXのインストールでFontLabにバグがあることがわかりました。

補足:

誰かがこのタスク専用のソフトウェアを作成する必要があります...

于 2012-04-24T17:29:08.647 に答える
0

フォント アイコンが必要な場合は、このアプリが非常に優れています: http://fontastic.me/

于 2014-11-28T18:14:32.187 に答える