私の Font Awesome 5 アイコンが表示されないのはなぜですか?

Font Awesome 5 CSS コンテンツが表示されないのはなぜですか?

Font Awesome CSS コンテンツを利用しようとすると、次の問題が発生することがあります。目的のアイコンの代わりにアイコン コードが表示されます。この問題は、font-family 属性と content 属性の両方に対処することで解決できます。

Font-family の修正

提供されたコード スニペットでは、font-family 属性が間違っています。 「FontAwesome」として設定します。 Font Awesome 5 Free の正しいフォント ファミリーは次のとおりです:

font-family: "Font Awesome 5 Free";

コンテンツの修正

コンテンツ属性に先頭のバックスラッシュ '' がありません。 /f35a の代わりに、次のようにする必要があります:

content: '\f35a';

修正が適用された更新されたコードは次のとおりです:

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
}

これらの修正を行うことで、Font Awesome アイコンが適切に表示されるようになります。 .

以上が私の Font Awesome 5 アイコンが表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。