Rumah > hujung hadapan web > tutorial css > Mengapa Font Saya Hebat 5 Ikon Bitcoin, Facebook dan Twitter Hilang?

Mengapa Font Saya Hebat 5 Ikon Bitcoin, Facebook dan Twitter Hilang?

Barbara Streisand
Lepaskan: 2024-11-30 17:56:11
asal
601 orang telah melayarinya

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

Fon Hebat 5: Menyelesaikan Masalah Ikon Hilang (Bitcoin, Facebook, Twitter)

Dalam Font Awesome 5.0.8 dan versi yang lebih baharu, ikon tertentu, seperti bitcoin, facebook , dan twitter, mungkin tidak dipaparkan dengan betul disebabkan oleh perubahan dalam penamaan kelas dan lembaran gaya penggunaan.

Nama Kelas Yang Dikemas Kini

Bermula daripada Font Awesome 5.x, nama kelas untuk ikon jenama (cth., Facebook, Twitter) ditukar daripada "fa" kepada "fab". Ini bermakna anda perlu mengemas kini kod anda untuk menggunakan nama kelas baharu ini, seperti:

<i class="fab fa-btc"></i>  // Bitcoin icon
<i class="fab fa-facebook-f"></i>  // Facebook icon
Salin selepas log masuk

Kemasukan Lembaran Gaya Jenama

Selain itu, dalam Font Awesome 5.0.8 dan ke atas, anda mesti gunakan kedua-dua helaian gaya "fontawesome.css" dan "brands.css". Lembaran gaya "brands.css" mengandungi peraturan untuk memaparkan ikon jenama (cth., Bitcoin, Facebook).

Untuk menyelesaikan isu ini, pastikan anda mempunyai kedua-dua helaian gaya dirujuk dalam kod HTML anda:

<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">
Salin selepas log masuk

Dengan mengemas kini nama kelas dan memasukkan helaian gaya "brands.css", anda boleh memastikan ikon seperti bitcoin, facebook dan twitter render dengan betul dalam Font Awesome 5.

Atas ialah kandungan terperinci Mengapa Font Saya Hebat 5 Ikon Bitcoin, Facebook dan Twitter Hilang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan