新宿のWEB制作・システム制作会社エンジョインスタイル

ブログBLOG

FontAwesome_表示されない_font-weight

FontAwesomeが表示されない時は、cssでfont-weightを設定してみよう!

2018.09.20

FontAwesomeが表示されない時は、cssでfont-weightを設定してみよう!

FontAwesome_表示されない_font-weight2

ウェブサイトにアイコン表示をする上で便利な「FontAwesome」ですが、たまにきちんと表示されない場合がありますよね。



最新のcdnを読み込んで、正しく「FontAwesome」を設定しているのに、表示されないというケースもたまにあります。



FontAwesome_表示されない_font-weight3

そのような時は、



「FontAwesome」を表示したいclassに、cssで「font-weight」を設定する



と正しく表示されるケースがありますので、ぜひ試してみてください。



そのほかにも下記のようなケースで表示されない件を解決できる場合がありますので、参考にしてみていただければと思います。



■「Edge」や「IE」で「Font Awesome」が表示されない時の解決方法