Font Awesomeのインストールと使い方

Bootstrap

初めて使ってみました。

Font Awesomeという名前だけに、Font指定や変更が出来るのかと思いきや・・・

使い道は、アイコン!?

使い方は何ともカンタン。

公式サイトからダウンロードしても良し。

ダウンロードせずとも、ヘッダーにリンクを貼れば、それだけで使えるスグレモノ♡
好きなアイコンを選んでコピペするだけ。

その数、数百個もある極小アイコン。

大きさを変える為には、クラスに以下を追加すればOK

1.333…倍 -> fa-lg
2倍  -> fa-2x
3倍  -> fa-3x
4倍  -> fa-4x
5倍  -> fa-5x

サンプル

重ねて表示させたり、スピンさせたり・・・  ソーシャルアイコン : ブランドアイコン もなんと沢山。全部揃っている模様。

すばらしい♪

参考 : https://saruwakakun.com/html-css/basic/font-awesome

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。