ネットワーク構築 パソコン設定 サーバ構築 無線LAN構築 名古屋市 豊田市

ホリテック ブログ 最新投稿

Font Awesome 5 freeで、cssで、疑似要素で設定したけど表示されない

サイトを作成していて、ハマった事です。

 

疑似要素で、メニューの頭にアイコンを付けたかったので、Webフォント【Font Awesome 5 free】を使用してやってみた!

Font Awesome 5の設定方法は、ここを見るとわかりやすいです。

https://saruwakakun.com/html-css/basic/font-awesome#section4

 

やったけど、表示されない!? なぜ???~ってググってたら行き着いたところは、

https://blog.6ix.jp/2018/02/font-awesome-5-font-weight-900/

 

 

cssで、font-weightを設定しないとダメって事らしい。英語が苦手だけど、確かに書いてあった

https://fontawesome.com/how-to-use/web-fonts-with-css#styles-and-prefixes

 

solidなり、regurarなりで、font-weightが決まっているんだって・・・・・