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