WordPressでホームページを作るには

fontAwesomeが表示されない対処方法はフォントファミリーに設定すること

投稿日:2019年12月29日 更新日:

このサイトなのですが、fontAwesomeという、外部サイトの情報から矢印やメール電話などアイコンを表示してくれるCSSを連携しています。

初期設定やバージョン更新でよくあるのですが、そのアイコンが表示にされなくなりましたので、対応方法を解説します。

Web365とは

Web365は、外部Web担当者として、クライアントのWebサイトの集客力を高める施策を運用代行しています。

Web365について詳しく知りたい方は「Web365とは」ご覧ください。

fontAwesomeが表示されない状況

  • fontAwesomeのCSSのリンクをサイトのhead部分に設定している
  • バージョンも新しいものに切り替えた

「fontAwesome 表示されない」で調べると出てくる対応方法が4つくらいあるので、すべて対応してみても下記図のように表示されませんでした。

fontAwesomeが表示されない対処方法はフォントファミリーに設定すること

今回のこのサイトで対応できた方法は、

CSSのフォントファミリーに、「Font Awesome 5 Free」設定すること

でした。

fontAwesomeに個別にフォントファミリーを設定する方法は出てましたが、そもそものbodyのフォントファミリーなどの大本の設定である箇所に、記載しておくと、楽です。

一度お試しください。

以上です。






Web制作+Webマーケティングの個別講座開講中

Web365はWeb担当者のスキルセットである
サイトを変更する「提案力」と「技術力」について個別指導しております


・Webで集客するための「考え方」を知りたい方
・サイトの制作改善のセオリーを知りたい方
・自身のサイトでケーススタディをしたい方
・サイトの制作改善の「技術的なスキル」を習得したい方
・分析から改善運用まで自身でしたい方


どうぞWeb365の「自社のWebサイトを自身で作りたい、改善したい人のオーダーメイド個別講座」をご覧ください。






外注のWeb担当者として「制作」と「マーケティング」で単発/継続でサポートします。

Web365は貴社のWeb担当者として、制作改善運用をワンストップサポートしています

・成果にこだわるサイト制作改善をお望みの方
・良いweb制作会社、コンサル会社がいないとお困りの方
・分析から改善運用まで一括で依頼したい方


是非Web365までご相談ください。

WordPressでホームページを作るには

執筆者:

関連記事

画像のサイズの変更、データ量の圧縮などあれこれできる便利サイトのご紹介

記事やサイトを作成する際に、画像のサイズの変更や、データ量を軽くするための圧縮などしたいときに簡単にできるサイトをご紹介します。サイズや圧縮以外にもあれこれできる便利サイトです。   この記 …

Androidで確認するとサイトの右にできる余白を消す方法

iPhoneでは普通のサイトもAndroidで確認するとサイトの右に余白ができることがあります。今回はその解消方法です。 調べると3つほど解決法があります。 min-widthを指定してみる view …

イメージ00_【解説】WordPressの保守、プラグインのバージョン管理ができるWP Rollbackをいれておこう

【解説】WordPressの保守、プラグインのバージョン管理ができるWP Rollbackをいれておこう

【解説】WordPressの保守、プラグインのバージョン管理ができるWP Rollbackをいれ方を解説します。 クライアントサイトで対応例です。前提条件もありますが、プラグイン2つで対応します。 W …

【解説】WordPressサイトが自動更新でログインできないときの対応一例(WPとEC系プラグインの競合エラー)

WordPressサイトの各バージョンが自動更新され、気づいたらエラーでサイトが見れない、ログインできないときはありませか? 今回は、WordPressのバージョンアップによるエラー対応の方法について …

自社のWebサイトを自身で作りたい、改善したい人のオーダーメイド個別講座

この記事でわかることカリキュラムWebについての悩み事例講座レベル料金とシステム­ポイントこんなことが出来るようになります受講例講座受講の流れ受講前の質問事例 カリキュラム オーダーメイド講座は、 あ …

【秒速解決】WordPressの管理画面が真っ白の対処法_サーバー【ロリポップ】

Word Pressのログイン画面だったり、管理画面が真っ白になってお手上げ、という事象があります。管理しているサイトで発生したので、対処解決方法を解説します。 Web365とは Web365は、外部 …

コピーライティングで悩んだときの15の考え方

自社の商材をPRする際に、どう表現していいか悩むこともあるかと思います。アイデアのたたき台として、コピーライティングで悩んだときの15の考え方を解説します。 Web365とは Web365は、外部We …