Font Awesomeみたいに使えるカスタムアイコンを作成する

クラスで指定してアイコンを使いたい。その方が、色とかを文字に合わせたり色々と便利。

Icomoonというサイトを使えば簡単にできた。

https://icomoon.io/app/#/select

ここでまず、Font Awesomeを選択した。そして右にあるボタンから「Import to Set」をクリック。

Screen Shot 2016-06-07 at 20.31.30

アップロードしたアイコンがコレクションに追加されたら、それを選択して「Generate Font」をクリック。ページの下の方。

Screen Shot 2016-06-07 at 20.32.35

そしたら、同じく右下にダウンロードボタンが出てきた。これで必要なファイルを取得できる。

Screen Shot 2016-06-07 at 20.33.07

あとは中身を見てCSSを書くだけ。素晴らしいサービスだ。