Font Awesomeの始め方

Font Awesomeって何?

webページの中で、様々なアイコンを使用可能になるサービスです。
様々なWebページで採用されています。
ちなみに、このページで採用している「WordPress」というシステムでも使われています。
Font Awesomeを使うことで、素早く、簡単に 分かりやすいページを作ることができます。

できること

とてもすっきりとして見やすい、非常に多くのアイコンを使うことができます。
8000個弱ものアイコンが収録されており、無料でも約1500個を使うことができます。
下に書いているのは無料で使えるアイコンの一部です。

固有名詞から記号まで、いろいろありますね。

使い方

準備

使いたいページの<head></head>内に、
<link href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" rel="stylesheet">
と入力するだけです。
(v5.13.0のところはバージョンによって変わります。5.13.0は、2020/4/6時点で最新バージョンです。)

使ってみる

Font Awesomeの公式サイトにアクセスしてください。
上部のIconsと書かれているところを押すと、たくさんのアイコンが表示されます。
しかし、濃く表示されているアイコンしか使えないので気をつけてください。
あとは、好きなアイコンをクリックし、上部の<i class="○○○○○"></i>と書いてあるところを自分のサイトへコピー&ペーストするだけです!

終わりに

うまくアイコンを表示させることができましたか?
Font Awesomeは、無料でも使えるアイコンの量や質がとても良く、また開発も活発に続けられているので、簡単にページの見た目をよくすることができます。
うまく使いこなしましょう!

コメント

タイトルとURLをコピーしました