[Cocoon]でFont Awesomeが表示されない?Font Awesome 5を使おう!

2019.9.1時点の情報です。現在の情報とは異なる場合があります。
SPONSORD LINK
SPONSORD LINK

CocoonではFont Awesome 4には対応しているものの、Font Awesome 5には対応していないので、Font Awesome 5を対応させるように使用という記事でです。

紹介する方法ではFont Awesome 5を使えるようになりますが、サイトが重くなる恐れがあります。その点は注意してください。

/cocoon-masterのheader.phpに追記

<head>タグの間に以下のコードを追記します。

<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
これでFont Awesome 5が使えるようになるはずです。ただこの方法だと、Font Awesome 4とFont Awesome 5が共存しているのであまり良くありません。Font Awesome 5用にソースを書き換える方法もありますが今回は割愛します。

Font Awesome 4で似たアイコンを探そう

サイトが重くなるのは個人的には致命的なのでFont Awesome 4で似たやつを探して使えば特殊な、コードの書き換えが必要なくなります。似たやつというか、おそらく同じ気がします。Font Awesome 4のサイトはこちらです

まとめ

二種類やり方を紹介しましたが、よく使いそうなアイコンの場合は以上に記載したサイトで使いたいアイコンを探してみてください。特別な理由がなければ、後者のやり方をおすすめします。

コメント

タイトルとURLをコピーしました