カテゴリー:
フォント
閲覧数:423 配信日:2019-10-22 12:23
最初に行うこと
既存コードのバージョン確認
class名に「fa」が付与されている場合は？
Font Awesome 4
class名に「fas」「far」「fal」「fad」の何れかが付与されている場合は？
Font Awesome 5
具体例
Font Awesome 4
<i class="fa fa-home"></i>
Font Awesome 5
<i class="fas fa-home"></i>
「fas」「far」「fal」「fad」の違い
読み込む「Web Font ファイル名」が異なる
比較一覧表
| クラス名 | アイコン |
|---|---|
| fas | Solid Icons |
| far | Regular Icons |
| fal | Light Icons |
| fad | Brand Icons |
全てを無料で使用できるわけではない
無料で使用する場合は？
・「fas」しか選択できないことが多い
・「far」を選択できることもある
※アイコン毎に無料で選択できるスタイルは異なる
具体例
Home Icon