Webアプリケーションで使用するためのアイコンフォントを作成したいと思います。 fontAwesome、Iconic、fontomasは私がやりたいことの例ですが、カスタムアイコンを使用する必要があります。どこから始めたらいいか分からない。どんな助けもありがとうございます。アイコンフォントを作成するツール
答えて
ロブ、start hereです。
これは最善の例ではなく、そのテンプレートが少し古くなっています。あなたのフォントのベースラインに応じてキャンバスの周りにアイコンを移動して実験しなければなりません。
long postもあります。彼はベクトルをFontLabにインポートします。 FontLabの欠点は649ドルの価格で、学習曲線はInkscapeよりも急です。私はFontLabがOS Xのインストールにバグがあることも発見しました。サイドノートでは
:narkeesoが言ったことにもかかわらず
誰かがこのタスク専用のソフトウェアを作成する必要があります...
、フォントは一つだけのベースラインを持っています。一貫性を持たせるためには、すべてのアイコンがその行に表示されている必要があります。一部のアイコンフォントはアイコンを垂直方向にセンタリングしようとしますが、これは解決するよりも多くの問題を引き起こし、vertical-align
プロパティを使用して周囲の文字を基準にアイコンの垂直方向の位置を調整できます。
私はその記事のテンプレートのベースラインを強くテストしました。これはブラウザ間で非常に成功しています。ただし、X-heightとArialのような共通フォントを一致させることもできます。これはFont Squirrelコンバータで行うことができます。
あなたはすでにそれを見ていない場合は、私のWebアプリを使用すると、アイコンフォントを生成する助けることができるが:http://icomoon.io/app
あなたがあなた自身のSVGsをインポートする、またはアイコンのフォントライブラリを閲覧することができます:http://icomoon.io/app/#library
IVEが使用されてフォントを作成するためにグリフ(http://www.glyphsapp.com/)と呼ばれるアプリケーションがあり、最近はウェブ用のアイコンフォントを使用しています。ブートストラップに付属しているグリフコンをインポートして、使用したメトリックを確認しました。だから、20pxでfontsize theydはグリッドに一番合っている。
添付されたユニコードを持つすべてのクラスを作成するCSSファイルをエクスポートするカスタムスクリプトがあります。カスタムグリフにUnicode値をasignesし、別のPythonスクリプト(一部のアイコンは、カメラ、ベル、及びそのようなもののように、実際にユニコードの一部である)
その後私は、Webフォント変換カントーのフォントリスを使用する必要があり、 I彼がwebfontの輸出を実行していると言った開発者と連絡を取り合っています。アップデートは無料ですが、彼はまだ直接Webfontの輸出を含んでいません。 だから、常にフォントをアプリからブラウザに取り込むのは面倒なことだ。
しかし、私は確かにいくつかの要素を合理化しています。
fontlabはユーザーフレンドリーではありません。私はその理由だけでなく、価格を主にお勧めします。グリフはアイコン生成に必要な機能をカバーする40€のミニバージョンを提供します。
フォントアイコンが必要な場合は、このアプリは非常に良いです:http://fontastic.me/
- 1. ヘルプ作成ツール
- 2. オフラインフォームを作成するツールですか?
- 3. 字句解析ツールを作成する
- 4. MSIを作成するシンプルなツール
- 5. フラッシュゲームを作成するためのツール
- 6. UMLを作成するためのツール
- 7. iPadアプリケーションのプロトタイプ作成ツール
- 8. スタティックコード解析ツールの作成
- 9. WPFの図形作成ツール
- 10. Python:対話型のツールを作成してスクリプトを作成する方法
- 11. メモリアクセスグラフを生成するツール
- 12. Android.mkを生成するツール
- 13. オートボクシングを検出するツールを作成しますか?
- 14. Javaを使用してインタープリタを作成するツール
- 15. Clearcaseツールでmkviewを使ってビューを作成するには?
- 16. CSSでアイコンフォントを使用する際のトラブル
- 17. 2D PHPパターン作成ツールのアルゴリズム
- 18. アンドロイドゲームのスプライトとアニメーション作成ツール
- 19. サンプルデータ作成ツール(主にデータベース用)
- 20. Windows Phone用のグラフ作成ツールVisiblox Error
- 21. MSIを作成するのに最適なツール
- 22. 実際の実行からモックを作成するツール
- 23. exeを作成するための無料ツール
- 24. 配送コスト計算ツールをJavaで作成する方法
- 25. Webトラブルシューティングツールを作成するための優れた.NET/Windowsツール
- 26. ユーザーフレンドリーなコマンドラインプロンプトを作成するためのツール?
- 27. このメニューバーを作成するためのツール
- 28. iphoneのアイコンを作成するためのツール
- 29. HTTPリクエストを作成するためのツール
- 30. Autocad C#API新しいツールを作成するパレット
FontForgeは非常によく働きました。それはかなり簡単に醸造を使用してインストールすることができました。ありがとう。 – Rob
自作が不正行為をしている、これはあなたの恒久的な記録に行く! :p – reisio