Font Awesome 5 のブランド アイコン (ビットコインや Facebook など) が表示されないのはなぜですか?

Font Awesome 5: 失われたブランド アイコンの秘密を明らかにする

Web 開発の領域では、アイコンは重要な視覚的な手がかりとして機能し、ユーザーエンゲージメント。しかし、Font Awesome 5 に関しては、特定のブランド アイコン、つまりビットコインや Facebook が欠如していることにユーザーは困惑しました。この記事では、失われたリンクに光を当て、これらのアイコンをデザインの武器庫の適切な場所に復元するための解決策を提供しますので、ご安心ください。

根本原因: ブランド CSS の導入

Font Awesome の以前のバージョンとは異なり、バージョン 5 ではブランド アイコンの組み込みに大きな変更が加えられています。これらのアイコンは現在、「brands.css」という別の CSS ファイルに格納されています。この追加ファイルを含めないと、前述のアイコンが欠落します。

クラス名の更新: 新しい構文に合わせて

「brands.css」を組み込むことに加えて、ファイルを作成するには、クラス名が新しい Font Awesome 5 構文に従って最新であることを確認する必要があります。以前は、クラス名には通常のアイコンとブランド アイコンの両方に「fa」という接頭辞が使用されていました。 Font Awesome 5 では、ブランド アイコンに「fab」接頭辞が必要になりました。

例: ビットコインと Facebook のアイコンの取得

正しい実装を説明するには、次のスニペットを検討してください。 :

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

<i>

「brands.css」と「fontawesome.css」ファイルを使用し、ブランド アイコンの「fab」接頭辞を遵守すると、アプリケーションでビットコインと Facebook のアイコンを自信を持ってレンダリングできます。

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