私の Font Awesome アイコンが記号ではなく四角形で表示されるのはなぜですか?

Font Awesome でアイコンが期待どおりに表示されない: 代わりに四角形が表示される

Font Awesome アイコンを Web デザインに組み込むと、シンボルが次のように表示されるとイライラすることがあります。空の正方形。この問題は、Font Awesome クラスの実装が正しくないために発生することがよくあります。

Font Awesome ファイルをインクルードする方法

指定した HTML コードには、Font Awesome に必要な CSS ファイルが含まれています。素晴らしい:

エラー: 見つかりませんクラス

コードでは不完全なアイコン クラスが使用されています:

アイコンを正しく表示するには、fa クラスとアイコンを指定するクラスの 2 つのクラスが必要です。 fa-camera-retro として。

正解実装

Bootstrap 5 の更新

Bootstrap 5 では、fa プレフィックスは非推奨になりました。新しいデフォルトは、fas (ソリッド スタイル) と fab (ブランド スタイル) です:

正しいクラスを適用すると、Font Awesome アイコンは期待どおりにレンダリングされ、以前はデザインの妨げになっていた厄介な四角形が排除されます。 .

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