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でホームページを作るには

執筆者:

関連記事

【解説】EC機能内製化の検討例と7.27%のコストカット試算事例

クライアント事例として、自サイトでEC機能(eコマース、つまりオンラインショップ)内製したいときのリニューアル検討についての調査と意思決定についての流れを解説します。 Web365とは Web365は …

文字起こしは音声データを口頭でGoogleドキュメントに音声入力するがなんだかんだ一番かもです

文字起こしは音声データを口頭でGoogleドキュメントに音声入力するがなんだかんだ一番かもです。 クライアントさんの話を聞き書きし、記事化する業務をしています。 その際に、音声データを文字起こしする必 …

【1分コピペ】Word PressでJavaScriptのファイル読み込みさせるときの方法

Word PressでJavaScriptのファイルを読み込みさせたいときは制作改善しているとよくあります。その方法を解説します。 この記事でわかること【1分コピペ】Word PressでJavaSc …

インタビュー方法

【テンプレート】事例紹介のインタビューページで大事な5項目と手順マニュアル解説

自社サイトで実績事例を紹介したい、インタビュー記事を作成したいと考えてはいませんか? クライアントサイトで、事例コンテンツ作成するときに、どんな構成で作成すると良いのか? インタビュー記事の訴求ポイン …

【チュートリアル】WordPress編集画面で、DB(カスタムフィールド情報)のサジェスト機能の実装方法

表題、WordPress管理画面のカスタムフィールド入力で、DB情報のサジェスト機能実装の方法の解説です。 例えばWordPressで、定期イベント開催など、ゲストの名前を入力していく、過去に登壇履歴 …

【チュートリアル】WordPressで記事の途中からパスワード保護出来るプラグインを使った有料販売の方法

WordPressで記事の途中からパスワード保護出来るプラグインを使った有料販売の方法を解説します。 プラグイン1つと簡易なECショップので対応します。 ・記事の途中からパスワード保護出来るプラグイン …

【コピペ】WordPress、プラグインなしで、関連記事を同じか指定したカテゴリーで作成する方法

【コピペ】WordPress、プラグインなしで、関連記事を同じカテゴリーか、指定したカテゴリーで作成する方法

【コピペ】WordPress、プラグインなしで、関連記事を同じカテゴリーか、指定したカテゴリーで作成する方法の解説です。   【クライアント対応した実例】 必要性としては、 同じカテゴリーの記事を関連 …