こんにちは！ukです^^
Cocoonを使用していると、Font Awesomeのアイコンが表示される場合とされない場合がありますよね。
コピーしたコードも合ってるはずなのに。。。
今回はCocoonを使用している方向けにFont Awesomeのアイコンが表示されない原因と解決策を解説します。
この記事を読むと以下のことが分かります。
わかること
Font Awesomeのアイコンが表示されない場合の解決方法
それではどうぞ♪
目次
Font Awesomeでアイコンが表示されない原因と解決策
CocoonではCSSを編集しなくてもFont Awesomeのアイコンが表示できます。
そもそもなぜ表示できるのかご存知でしょうか？
実は、CocoonにはFont Awesomeのコードを読み込むための設定がされているのです！
Cocoonて無料なのにスゴイね！
このコードを読み込むための設定はFont Awesomeのバージョン４に対応しています。
そのため、Font Awesomeのバージョン５以降に追加されたアイコンはCocoonでは使用できなくなっています。
バージョンが関係しているんだね
なので、解決策としては、使用するFont Awesomeのバージョンをバージョン４に下げてみることです。
以下にFont Awesomeのバージョン4を載せるので、試してみてください^^
まとめ
CocoonでFont Awesomeのアイコンが表示できない場合の原因として、
Font Awesomeバージョン５以降に追加されたアイコンを使用している
が考えられます。
アイコンが表示されない時は、Font Awesomeのバージョン４のアイコンで試してみましょう！
最後まで読んでいただきありがとうございました！
読んでくれたあなたのお役に立てていたら幸いです。
今よりも大きな世界を見よう！
コメント