Web アプリケーションで使用するアイコン フォントを作成したいと考えています。fontAwesome、Iconic、fontomas は私がやりたいことの例ですが、カスタム アイコンを使用する必要があります。どこから始めればよいかわかりません。どんな助けでも大歓迎です。
6 に答える
まだご覧になっていない場合は、私の Web アプリでアイコン フォントを生成できます: http://icomoon.io/app
独自の SVG をインポートするか、アイコン フォント ライブラリを参照できます: http://icomoon.io/app/#library
narkeesoが言ったことにもかかわらず、フォントには1つのベースラインしかありません。一貫性を保つために、すべてのアイコンをその線上に配置する必要があります。一部のアイコンフォントはアイコンを垂直方向に中央揃えしようとしますが、これは解決するよりも多くの問題を引き起こし、プロパティを使用して周囲の文字に対するアイコンの垂直方向の位置をいつでも調整できvertical-align
ます。
その記事のテンプレートでベースラインを徹底的にテストしましたが、ブラウザー間で非常に成功しています。ただし、X-heightをArialなどの一般的なフォントに一致させることをお勧めします。これは、FontSquirrelコンバーターで実行できます。
ロブ、ここから始められます。
これは最良の例ではなく、それが話すテンプレートは少し古くなっています。フォントのベースラインに応じて、キャンバス上でアイコンを移動して実験する必要があります。
彼が自分のベクトルをFontLabにインポートするこの長い投稿もあります。FontLabの欠点は、価格が649ドルで、学習曲線がInkscapeよりも急なことです。また、OSXのインストールでFontLabにバグがあることがわかりました。
補足:
誰かがこのタスク専用のソフトウェアを作成する必要があります...
フォント アイコンが必要な場合は、このアプリが非常に優れています: http://fontastic.me/