Rumah > hujung hadapan web > tutorial css > Mengapa Font Saya Tidak Hebat 5 Ikon Bitcoin dan Facebook Dipaparkan dengan Betul?

Mengapa Font Saya Tidak Hebat 5 Ikon Bitcoin dan Facebook Dipaparkan dengan Betul?

Susan Sarandon
Lepaskan: 2024-12-06 06:45:12
asal
598 orang telah melayarinya

Why Aren't My Font Awesome 5 Bitcoin and Facebook Icons Displaying Correctly?

Font Awesome 5 - Isu Rendering dengan Ikon Tertentu

Font Awesome versi 5.0.8 telah memperkenalkan perubahan dalam konvensyen penamaan ikonnya dan CSS tambahan keperluan. Walaupun memaparkan kebanyakan ikon kekal sama, ikon tertentu seperti Bitcoin dan Facebook memerlukan langkah tambahan untuk dipaparkan dengan betul.

Masalah:

Tidak dapat memaparkan ikon Bitcoin dan Facebook dalam Fon Versi hebat 5.0.8.

Penyelesaian:

Untuk menyelesaikan isu ini, perubahan berikut diperlukan:

  1. Sertakan jenama .css stylesheet:

Fon Awesome 5 telah memperkenalkan fail CSS berasingan yang dipanggil "brands.css" untuk ikon khusus jenama seperti Bitcoin dan Facebook. Pastikan anda memasukkan fail ini dalam projek anda dengan menambah:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css">
Salin selepas log masuk
  1. Kemas kini nama kelas ikon:

Dalam versi Font Awesome yang terdahulu, ikon jenama menggunakan awalan "fa-", tetapi dalam versi 5, awalan ini telah ditukar kepada "fab-". Kemas kini nama kelas ikon anda dengan sewajarnya, contohnya:

<i>
Salin selepas log masuk
Salin selepas log masuk

Menjadi:

<i>
Salin selepas log masuk
Salin selepas log masuk

Coretan Kod Kemas Kini:




<i>
Salin selepas log masuk

Atas ialah kandungan terperinci Mengapa Font Saya Tidak Hebat 5 Ikon Bitcoin dan Facebook Dipaparkan dengan Betul?. 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