【Blogger用】無料でアイコン利用　Font Awesome-てぃものブログテスト帳

こんなアイコンを付けてブログを飾り付けたい

そんな願いを叶えてくれるものがFont Awesomeでした

を参考にしています。

使い方

下記コードを<head>の直下に記述します。

<!-- Font Awesome ver.6 -->
<link href='https://use.fontawesome.com/releases/v6.1.1/css/all.css' rel='stylesheet'/>

v6.1.1の部分はバージョンに合わせてアップデートしてください。

Font Awesomeへアクセスします。

Start ofr Freeを押してアイコンを探します。

アイコンを見つけたらHTMLをコピーしてブログに貼ります。

下にバージョンが書いてあるので、<head>直下に書いたバージョンがこれ以上じゃないと表示されません。

以上です。

今回使ったアイコンは

<i class="fa-solid fa-house-chimney">HOME</i>

文字を入れてナビゲーションに付けました。

テーマのHTML編集する度にナビゲーションのリンクが消滅するんですが何故だ・・・