[記事公開日]2019/02/09

【WordPress】Font Awesome 表示エラーになった時の対処法

 

いくつか対処法を書きます。

 

公式サイトから最新のコードを貼り付ける

ヘッダーに書くコードを最新化してみましょう。

 

公式サイトからコピーしてください。
fontawesome

 

例) ※2019年2月現在

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

 

スポンサーリンク  

「font-family」を最新化しましょう

CSS(スタイルシート)にはなんと記述されていますか。

 

細かいですが、「Font Awesome」が「Font Awesome 5 Free」に変わっていたりします。

 

例)

font-family: "Font Awesome 5 Free";

 

「font-weight」を記述しましょう

CSS(スタイルシート)を確認してみてください。

 

「font-weight:900;」、または「font-weight:bold;」と指定してあげてください。指定しないと、アイコンが四角になってうまく表示されなくなってしまいます。

 

それでも表示されない時は・・

・他のWebブラウザでページ表示してみる

・Webブラウザの履歴を削除してみる

・コードが正しいか確認してみる(例えば、サルワカに列挙されているコードは表示されますか?それが表示されるのであれば、書いている場所は正しいけれど、コードに誤りがあるということになります。)

 

をお試しください。

 

 

以上です。

 

 

yamatunes.net