ワードプレスでFontAwesomeを指定した時に□になっちゃう問題の解決法
ワードプレスのデザインを変更しようとして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しか対応してませんでした
ディスカッション
コメント一覧
まだ、コメントがありません
みんながLoadingしてる記事
新たにPostされた記事
: JS
Dropzone.jsで編集画面を作る(アップロード済みの画像を表示)
前回からの続きです Dropzone.jsを使って画像アップロードの編集画面を作 ...: Laravel
LaravelでDBテーブルをupdateした時に、同時に更新した値を取得する裏技[Laravel8]
通常Eloquentのsaveやupdateでは、実行時に更新した値の結果を返し ...: JS
忘れがちなJqueryのあれやこれ
Jqueryって何でこんなに忘れやすいのでしょうか 呪文にかかったくらい覚えられ ...: 資格
理系エンジニアの僕がTOEICで800点をとるためにした勉強
先日、TOEIC L&R テストで800点を超えました 今回は理系エンジ ...: Laravel
[Laravel8]npm run devが失敗する場合の解決法
Laravel8にJetstreamをインストールする際、npm run dev ...HashMap
Created by
はやぴ
Web/アプリ開発エンジニア
Sierにてお堅いB向けのソフトウェア開発を経て、現在はC向けのWebやアプリを中心に開発しています。
そのほか