アイコンフォントを選んでダウンロード！fontello
2016/07/27
使い方
1.すきなアイコンを選ぶ
好きなアイコンをクリックで選択します。選ばれたアイコンは赤丸で囲まれます。
複数選択する場合はドラッグで囲めばＯＫ。
2.ダウンロード
アイコンを選んだあとはヘッダにある[Download webfont]ボタンをクリックでダウンロードが開始されます。
応用1.自作フォントを追加する
ページ上部にあるCustom Iconsに自作のsvgアイコンをドラッグ＆ドロップすれば、簡単にアイコンを追加することができます。
あとは通常通りフォントデータをダウンロードすれば、フォントとして自由に使えるようになります。
応用2.一旦ダウンロードしたフォントに追加したい
初回にダウンロードしたフォントにconfig.jsonを使用します。
Fontelloサイト上部にある[設定]ボタン→[Import]をクリックし、初回にダウンロードしたjsonファイルを選択します。
前回の選択状態がインポートされた後に、追加したいアイコンを選択します。
あとは通常通りフォントデータをダウンロードすれば、利用可能です。
FontAwesomeやEntyo等人気のアイコンから自分の好きなアイコンを選んでフォントデータとしてダウンロードできます。自作のアイコン(SVG形式)をフォントにすることも出来る非常に便利なサイトです。