IT号外

fontawesome4、fontawesome5が表示されない時にやってみること

Font awesome5を導入してみるもうまく表示されなかったので、色々と調べてみたところ解決策を見つけたのでメモメモ。

どうやら今までの手法は、まずfontsフォルダをコピーしそれからcssフォルダの中にfontawesome.min.cssなどのCSSファイルをコピーし、<head></head>の中でそのCSSファイルを読み込む記述をして読み込むのが一般的だったらしい。だが自分の環境で、このやり方ではアイコンが表示されなかった。

 

そこで、最新の公式ページを見てみるとこのように使ってくれと書いてあった。

解凍したフォルダのsvg-with-jsフォルダ内にある、「jsファイルのみ」で動作するっぽいのだ。なお赤線のとこは任意のフォルダ(jsフォルダなど)に変えてOK。

モバイルバージョンを終了