「FontAwesome」Webアイコンフォントを使う

fontawesome

Webアイコンフォント「FontAwesome」の紹介をします。
公式サイトよりフォントデータをダウンロードして使用する方法と、BootstrapCDNを利用する方法があります。CDNを利用すると、ダウンロードしてサーバーにアップロードする手間が省けるので使いやすいと思います。
ここではCDNを利用した方法を記載します。

利用方法は、HTMLに以下のソースを挿入するだけで、600以上のアイコンを使うことができます。

アイコンをいくつか紹介します。

Coffee

Wi-Fi

Graduation Cap

サービスや企業のロゴ

その他にも、公式サイトの一覧より選んで使ってみてください。


PAGE TOP