Font Awesome v5の使い方

Font Awesome v5の使い方

様々なアイコンがcssだけで使えるようになるFont Awesomeがバージョン5にアップデートして少し使い方が変わっていたのでメモ

導入方法

CDNで公開されているcssファイルを読み込むだけです。


最新版はこちらから

使い方

使いたいアイコンをこちらのページで調べてタグをコピペするだけです。

疑似要素で使用する

疑似要素で使用する場合は、v5からはfont-weight: 900;が必要になりました。


ブランドロゴ

ブランドロゴは、指定するfont-familyが異なります。