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が決まっているんだって・・・・・