ホームページ > ウェブフロントエンド > CSSチュートリアル > 私の Font Awesome 5 ビットコイン、Facebook、Twitter のアイコンが表示されないのはなぜですか?

私の Font Awesome 5 ビットコイン、Facebook、Twitter のアイコンが表示されないのはなぜですか?

Barbara Streisand
リリース: 2024-11-30 17:56:11
オリジナル
612 人が閲覧しました

Why Are My Font Awesome 5 Bitcoin, Facebook, and Twitter Icons Missing?

Font Awesome 5: 見つからないアイコンのトラブルシューティング (ビットコイン、Facebook、Twitter)

Font Awesome 5.0.8 以降のバージョンでは、ビットコイン、Facebook などの特定のアイコンが表示されません、および twitter は、クラスの名前とスタイルシートの変更により正しくレンダリングされない可能性があります

更新されたクラス名

Font Awesome 5.x から、ブランド アイコン (Facebook、Twitter など) のクラス名が「fa」から「fab」に変更されました。これは、次のような新しいクラス名を使用するようにコードを更新する必要があることを意味します。

<i class="fab fa-btc"></i>  // Bitcoin icon
<i class="fab fa-facebook-f"></i>  // Facebook icon
ログイン後にコピー

ブランド スタイルシートの組み込み

さらに、Font Awesome 5.0.8 以降では、次のことを行う必要があります。 「fontawesome.css」と「brands.css」の両方のスタイルシートを使用します。 「brands.css」スタイルシートには、ブランド アイコン (ビットコイン、Facebook など) をレンダリングするためのルールが含まれています。

この問題を解決するには、HTML コードで両方のスタイルシートが参照されていることを確認してください:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css">
ログイン後にコピー

クラス名を更新し、「brands.css」スタイルシートを含めることにより、ビットコイン、フェイスブック、 Font Awesome 5 で Twitter が正しくレンダリングされるようになりました。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート