Font Awesome kitでアイコンが反映しなくなった？という罠

はい、みんな大好きFont Awesomeの話です。

Font Awesome : https://fontawesome.com/

私はずっと無料版でKitというものを使ってたんですが、ある時に

「あれ？アイコン反映してないな…」と気づきまして。

初めて知ったんですが

無料版では1万PV/月という閲覧制限があったようです。

いろんなサイトで使いまわしてると1万なんてあっという間に行ってしまうでしょうから

同じように罠にかかった方の為に記事にしておきました。

Font Awesome使用方法としては大きく分けて3パターンって感じなのですが

Kitなら

<script src="https://kit.fontawesome.com/○○○○.js" crossorigin="anonymous"></script>

ただし1万PVの制限がある。

次に拾い物のCDNを使う。

CDN

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

こちらもいつどうなるか保証がない。

一番長く安全そうなのはやはりダウンロードですかね。

DLして使うなら

<link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/fontawesome/css/all.min.css">

公式からファイルを落としてアップが必要なので面倒ですが。

では現場から以上です！