Twitterのブートストラップ3 - カスタムグリフコンを作成し、グリフコンに追加する "font"

Question

良い人。 私はtwitter bootstrap3を実行しています。アイコンとしてフォントを扱う新しい方法に非常に満足しています。しかし、私はいくつかのカスタムアイコンが必要です。私はそれらを自分で作って、理想的にはそれを既存のフォントに統合する必要があります。私は運がないと検索しました。私はイラストレーター、ベクトルグラフィックスなどによく慣れていますが、どのように統合するのですか？

私は伝統的な方法でイメージを作りますが、もっと良い解決策があることを願っています。

アイデア？

Answer 1

このプロセスは1つのオプションです。

IcoMoon Appを使用できます。彼らのlibraryには、クイックスタートを手放すためのFontAwesomeが含まれています。グリフコンをダウンロードしてfontawesome-webfont.svgをアップロードしてください。

カスタムアイコンには、SVGを作成し、IcoMoonにアップロードしてFontAwesome /グリフィコンセット。

完了したら、フォントセットをエクスポートし、任意のアイコンフォントと同じように読み込みます。

幸運を祈る！

UPDATE

インポートしたSVGファイルのアイコンは、Webページ上で使用されたとき、彼らは実際に見てどのように最初のチェック、iconmoom.appにインポートした後にずれるように見える場合。プレビューが必ずしも完璧なわけではないようです。別の方法として、iconmoon.appツールバーに、移動とサイズ変更を可能にする編集アイコンがあります。

Answer 2

ここに記載されている代替ツールをお探しの場合は、https://glyphter.com/と非常に便利です。これはかなり簡単で、.svgファイルをアップロードしてグルーミングし、いくつかの他のフォントパックからさらに追加し、新しいフォントセットをダウンロードすることができます。