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

Font Awesome 5 CSS コンテンツ表示の修正

CSS コンテンツ内で Font Awesome を使用しようとすると、予期したアイコンが表示されないという問題が発生する可能性があります。代わりにアイコンのコードが表示されます。オンライン ガイドラインに従っているにもかかわらず、問題は解決しません。

これを修正するには、Font Awesome 5 CSS ファイルのみを含める必要があることに注意することが重要です。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">

さらに、font-ファミリとコンテンツのプロパティ値を修正する必要があります。具体的には:

1. font-family: 「FontAwesome」を「Font Awesome 5 Free」に置き換えます。
2. content: 'f35a を使用します。 ' の代わりに'/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-size:40px;
}

<i class="fp-prev"></i>

これらの調整により、Font Awesome シンボルが CSS コンテンツ内に正しく表示されます。

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