Font Awesomeとは、商用利用が可能で、自身のウェブサイトやアプリケーション、WordやPDFなどのドキュメントにも埋め込めるWebアイコンフォントです。無料でも利用できますが、もっと多くのアイコンを年間$99で利用できます。
アイコンフォントはWeb上で文字と同じように表示できるアイコンです。拡大縮小しても画質が劣化しません。
Font Awesome登録手順
メールアドレスを入力し、「Create& Use This Kit」ボタンをクリックします。
入力したメールアドレス宛に左のメールが届きます
Iconから使いたいものを選び
Start Using This IconからHTMLをコピーして貼り付けます。
Font Awesome5を使う
Font Awesome 5を使うには、2つの方法があります。
- サーバーにアップロードする
- CDNを利用する
Font Awesome 5を表示する
- HTMLに記述する
- CSSに記述する
HTMLに記述する
む
<i class="fab fa-twitter"></i> Twitterのアイコン
<i class="fab fa-facebook-square"></i> Facebookのアイコン
<i class="fab fa-instagram"></i> instagramのアイコン
