web-dev-qa-db-ja.com

Font Awesomeを編集（または独自のアイコンを含める）するにはどうすればよいですか？

Font Awesome は完全にオープンソースです。必要に応じてアイコンを微調整したり、新しいアイコンを追加するにはどうすればよいですか？私の主要なベクターツールがInkscape（オープンソースGPL）であるとします。

Fontawesomeパッケージには、*。eot、*。otf、*。svg、*。ttf、および* .woffファイルが付属しています。 svgファイルはInkscapeで正常に開きません。これらの編集にはどのプログラムを使用できますか？

そして、フォントを編集したら、どのガイドラインに従うべきですか？どのユニコード文字スロットを使用すればよいですか？ LESSソースコードを編集して新しいアイコンを含める場合、何に注意する必要がありますか？

公式リポジトリに新しいアイコンを提出することに必ずしも興味があるわけではありません。アドホックにロードされた独自のアイコンをいくつか持つのではなく、フォークして少し変異させたいだけです。

svgfontsfont-awesome
34
André Staltz

icomoon を使用できます。 ライブラリページ を参照してFontAwesomeを使用すると、SVGのカスタムアイコンでFontAwesomeのライブラリを拡張できます。

47
methodofaction

前述のソリューション（完璧）に加えて、以下を使用してアイコンフォントをサブセット化および結合することもできます。

  • icnfnt （フォントの素晴らしいアイコンのサブセットを公式にサポート-オリジナルの.comはリンク切れになりましたが、githubリポジトリはまだ利用可能です）
  • fontello.com （広く利用可能な多数のアイコンフォントからカスタムサブセットを作成します）
10
nickhar

生のsvgおよび.pngファイルにアクセスしたい場合は、そのためのgitリポジトリがあります。 Font-Awesome-SVG-PNG

9
Aaron Harun

Youtカスタムsvgアイコンを含むフォントの素晴らしいアイコン（またはすべて）が必要な場合：

1- http://fontawesome.io/ に移動して、たとえばデスクトップでZipとextract-itをダウンロードします。

2- http://fontastic.me/ に移動して、メールを使用してアカウントを作成します。

  1. ログインしたら、ヘッダーオプションをクリックします：アイコンを追加します。

  2. 抽出したZip内部フォントにあるfont-awesomeのSVGを選択します。

  3. 独自のsvgファイルをアップロードする手順を繰り返します。

  4. Inside Home（ページのヘッダーで）ダウンロードするアイコンを選択し、カスタム名を付けるためにアイコンをカスタマイズし、リンクを作成するか、フォントとCSSをダウンロードするために公開を選択します。

私の英語についてすみません！ ：D

2
CarLoOSX