【閲覧くださっている皆様へ】URLが変わりました。一部転送が完了していない内部リンク先があります。「404 Not Found お探しのページは見つかりませんでした。」という表示になる場合は、"https://bits-lifestyle.com/jigaku-study/●●"から、"https://study.bits-lifestyle.com/●●"へ書き換えてアクセスくださいますよう、お願いいたします。ご迷惑をおかけいたします。

 
スポンサーリンク
HTML&CSS, ワードプレス, その他の困ったを解決!

Font Awesome5 が表示されない

HTML&CSS

困ったこと

テストサイトで作ったときは表示されたFontAwesomeが、本番サイトになったら表示されなくなってしまいました。 ただの □ になっちゃうんです。(泣) ググりまくり、片っ端からためすものの、一向に表示されなくて あきらめかけました。 でもこれはクライアントさんのサイト。 これで納品したら、自分のサイトと違って手直しできないじゃない。 後悔したくないので根気強く戦いました。

解決した方法

他のアイコンはちゃんと表示されていることを思い出したのです。

ってことは…表示されるアイコンとそうでないのがあるってことよね。

そこでもう一度ググり・・・

下記のサイトにたどり着きましたー

Font Awesome 5をCSSの疑似要素で指定するとアイコンが表示されない場合の対処方法 | ジーニアスブログ – WEB制作会社ジーニアスウェブのお役立ちブログ
ホームページ制作会社ジーニアスウェブのスタッフが、日々の業務を通して学んだ知識やお役立ち情報を不定期で更新しています。

font-weightが必要なのですね。

ありがとうございます!無事に表示されました。

WP Twitter Auto Publish Powered By : XYZScripts.com
タイトルとURLをコピーしました