WEB時短ツールは、Webのお仕事を快適にする便利なオンラインツール・素材へのリンク集。今日も少し早くお家に帰れますように。

現在の登録数:442サイト

アイコンフォントを選んでダウンロード!fontello

2016/07/27

サイト名: Fontello [ http://fontello.com/ ]

カテゴリ: フォント素材

タグ:

概要:

FontAwesomeやEntyo等人気のアイコンから自分の好きなアイコンを選んでフォントデータとしてダウンロードできます。自作のアイコン(SVG形式)をフォントにすることも出来る非常に便利なサイトです。

使い方

1.すきなアイコンを選ぶ

20160803-21
好きなアイコンをクリックで選択します。選ばれたアイコンは赤丸で囲まれます。
複数選択する場合はドラッグで囲めばOK。

2.ダウンロード

20160803-22
アイコンを選んだあとはヘッダにある[Download webfont]ボタンをクリックでダウンロードが開始されます。

応用1.自作フォントを追加する

ページ上部にあるCustom Iconsに自作のsvgアイコンをドラッグ&ドロップすれば、簡単にアイコンを追加することができます。
あとは通常通りフォントデータをダウンロードすれば、フォントとして自由に使えるようになります。

応用2.一旦ダウンロードしたフォントに追加したい

20160803-24
初回にダウンロードしたフォントにconfig.jsonを使用します。
20160803-25
Fontelloサイト上部にある[設定]ボタン→[Import]をクリックし、初回にダウンロードしたjsonファイルを選択します。
前回の選択状態がインポートされた後に、追加したいアイコンを選択します。
あとは通常通りフォントデータをダウンロードすれば、利用可能です。