[phoe-icon name="fa-apple fa-fw fa-1.5x fa-red"]　Font Awesome アイコン使い方

webサイトではよく、アイコンが随所で使われています。その大部分は、Font Awesomeアイコンを使っているものと思われます。それほど便利なオンライン上のアイコンです。私がいま使っているSimplicityブログでは、Font Awesome アイコンが初めから組み込まれています。なので、とくに設定をしなくても、<i class="fa fa-apple" aria-hidden="true"></i>というタグを挿入するだけで、というように、リンゴのアイコンが表示されます。

このタグの中で、style="color:red"というカラー属性を指定をすると、アイコンの色が赤になります。

また、classの中で、fa-3xとすると、アイコンを3倍に大きくすることができます。

Fontawesomeのアイコンは、どこにでも入れることができるので、グローバルメニューの項目名にアイコンを設置したブログも多く見られます。私も暇ができたら、要所要所にFontawesomeのアイコンを入れようかと思っています。くわしい紹介記事は、こちらのサイトをどうぞ。