ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32015.09.10今更だけどWebアイコンフォントFontAwesomeの使い方まとめ今や多くのブログやWebサイトで使われているWebフォント。その中でも、気軽に利用することができるFontAwesomeの使い方を紹介します。導入CSSファイルをダウンロードして読み込んでもよいのですが、もっと手軽にCDNを利用する方法があります。今回はこちらの方法で説明していきます。Startedをクリックします。これで、CDNを使った導入は完了です。コピペでアイコンを表示Iconsをクリックします。使いたいアイコンを探し、クリックします。ソースコードが書いてあるのでコピーします。あとは、これを貼り付ければアイコンが表示されます。50px;}こんな感じで普通のフォントと同じように色を変えることができます。クラスにアイコンを表示したい場合どうするか。これをコピーしておいてください。fontAwesome;}このようにCSSで指定すれば指定した要素にアイコンを表示させることができます。