疑似要素のFont Awesomeが表示されない原因

FontAwesome使おうとしたら文字化けしたので、同じトラブルで困っている人の為に残しておきます。

TOC

疑似要素に指定したfont awesomeが表示されない

普段はあまりfont awesomeは使わないのですが、WordPressのテーマには元々font awesomeが入っている場合が多いので、せっかくなら使おうかと思った矢先に表示されない（文字化け）事態が発生。

テキストリンクの後ろに疑似要素で外部リンクのアイコンをつけようとしたら、文字化けして表示されないという状況。なぜ？？

最初、必要最小限のcssだけを書いていたので徐々に指定を加えていくと無事表示されました。

それでわかった原因は「 font-weight の指定がなかったこと」

しかし、これまで問題なく表示されていたアイコンもあるので、全部が全部font-weight必須というわけでもないのかも知れません。

それとも、font awesome 5になってから仕様が変わったのでしょうか。

いずれにせよ、疑似要素のfont awesome文字化けに困っている場合は、font-weight:900を指定してみてください。