Font Awesomeとは、ウェブサイトなどでアイコンフォントを表示できるようにしてくれるサービスです。
webアイコンはwebフォントと同じように表示できるアイコンのことです。画像よって表示しているわけではないので、
スマホで見た時のように、拡大して表示したとしてもアイコンの表示は荒れることなくきれいに表示させることができます。
■FontAwesome5
FontAwesomeの最新バージョンで、無料と、有料のPROバージョンがあります。
FontAwesomeを使うためにCDNを読み込んでおく必要があります。
1 2 3 |
<head> <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> </head> |
上記をheadに追記したら実際にサイトから使いたいアイコンを探していきます
使いたいアイコンを選び、で囲まれた部分表示したい箇所に記述します。
コメント