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

2020年6月11日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しか対応してませんでした

エンジニアの年収を上げる方法

フリーランスエンジニアで年収を大幅アップしませんか?
実際に僕は会社員からフリーランスエンジニアになって年収が87万円アップしました

今なら相談(ヒアリング)するだけで3,000円分のamazonギフト券がもらえます!
初めての案件契約で最大10万円分の準備金がもらえます
非公開の高単価案件(100万円超え)が多数あります

詳しくはこちら