【はてなブログ】Font Awesomeでアイコンが上手く表示されないときの対処法！ - 黒木ノ水岩

このブログでも各所に「Font Awesome」を使用していますが、何故か表示が□になってしまい、上手く表示できない事が多々ありました。 その原因をようやく突き止めたので、対処法をご紹介します。 ちなみに、ここでは最新バージョンの「Font Awesome 5」の無料版を使用している事を前提に記載しております。 また、おおよそ原因のコードが判明している場合は、目次の「HTML、CSSのコードを修正する」までジャンプして下さい。 Font Awesomeが上手く表示されないときの対処法 使用しているFont Awesomeバージョンの確認 上手く表示できていないコードを特定する HTML、CSSのコードを修正する Font Awesomeが上手く表示されない原因 バージョンに対応した書式でコードをが記載されていない font-weightを指定していない 参考サイト様 Font Awesom