【無料】Font Awesomeの使い方2ステップ【簡単】

こんにちは、ひなたです。

可愛いアイコンを表示させたい、と思って調べたらFont Awesomeというサイトの手順がいくつかヒットしました。

  • 無料
  • 簡単
  • 自分のサーバーに素材を置かない

と好条件。

いろいろなやり方があるみたいですが、一番簡単だと思った方法を書きます。

    手順① headerにlinkを追加。
    手順② アイコンを選んでコピペ。

手順① headerにlinkを追加。

外観→テーマファイルエディタ→header.phpの</head>の上あたりに1行追加。
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css">

手順② アイコンを選んでコピペ。

https://fontawesome.com/icons

<i class="fa-solid fa-child-reaching"></i>
サイズを変えたり動かしたりもできます。

超簡単。