サポート » テーマ » 擬似要素のcontentプロパティとして使っているにも関わらず、FontAwesome5.7.2のアイコンが表示されないのはなぜでしょうか?

  • 解決済 echizenya

    (@echizenya)


    いつもお世話になっております。
    下記の質問についてご教示を願います。

    【質問の主旨】

    擬似要素のcontentプロパティとして使っているにも関わらず、FontAwesome5.7.2のアイコンが表示されないのはなぜでしょうか?

    【質問の補足】

    上記の質問に対して以下3点の補足説明をします。

    1.
    FontAwesome5.7.2はJavaScriptバージョンを使用しています。
    今回の質問に関係するファイルは2つあります。それぞれの記述は以下の通りです。

    (header.php)

    <script>
      FontAwesomeConfig = { searchPseudoElements: true };
    </script>
    <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

    (style.css)

    .kiji h2:before {
      position: absolute;
      left: 0px;
      top: 9px;
      display: none;
      font-family: 'Font Awesome 5 Solid';
      content: '\f14a';
      color: #000080;
      /* font-family: 'FontAwesome'; */
      font-size: 28px;
      line-height: 1;
    }

    2.
    上記1の記述をしているにも関わらず、こちらの画像のとおり、f14aのアイコンが表示されません

    3.
    上記1に関するコードはGitHubにて公開しています。
    https://github.com/echizenyayota/e-yota/blob/master/wp-content/themes/mytheme/header.php#L7-L10
    https://github.com/echizenyayota/e-yota/blob/master/wp-content/themes/mytheme/header.php#L7-L10

    以上、ご確認のほどよろしくお願い申し上げます。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ishitaka

    (@ishitaka)

    こんにちは

    検証してみましたが、問題なく表示されました。
    サーバーやブラウザのキャッシュではないでしょうか?キャッシュを削除してみてください。

    トピック投稿者 echizenya

    (@echizenya)

    @ishitaka さん
    いつもコメントありがとうございます。
    「キャッシュの消去」をしてみると、f14aのアイコンが表示されるようになりました。
    アドバイスありがとうございます!

    http://takaiba.net/wp-forum/wpforum20190219-5.png

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「擬似要素のcontentプロパティとして使っているにも関わらず、FontAwesome5.7.2のアイコンが表示されないのはなぜでしょうか?」には新たに返信することはできません。