ワードプレスでFontAwesomeを指定した時に□になっちゃう問題の解決法

Wordpress

ワードプレスのデザインを変更しようとしてCSSにFont Awesomeを指定した時に起こる問題

なぜか記号が□に文字化けしてしまう問題です

↑本当はこうしたい

↑けど、なぜかこんな感じで文字化けしちゃう・・・

解決方法

CSSに「font-weight: 900;」もしくは「font-weight: 400;」を追加します

font-weightとは?

font-weightはフォントの太さを指定するプロパティです。100から900の範囲で指定でき、標準は400。boldは700で指定した場合と同じ

font-family: "Font Awesome 5 Free";
content: '\f00c Check';
font-weight: 900;/* ←こいつを追加あああ! */

FontAwesome Free版では900か400のどちらかを指定

アイコンによって異なりますが、ちなみに上記のレ点は900しか対応してませんでした