Mengapa Ikon Hebat Fon Saya Tidak Dipaparkan dengan Betul?

Ikon Hebat Fon Tidak Dipaparkan Dengan Betul

Ramai pembangun menghadapi isu di mana ikon Font Awesome dipaparkan sebagai kotak persegi dan bukannya ikon yang dimaksudkan. Memahami punca masalah ini adalah penting untuk menyelesaikannya dengan berkesan.

Penggunaan Kelas Tidak Betul

Sebab paling biasa bagi ikon segi empat sama ialah penggunaan kelas Font Awesome yang salah. Secara lalai, dua kelas diperlukan untuk setiap ikon: kelas fa dan kelas yang menentukan ikon yang diingini (cth., fa-twitter, fa-search).

Contoh Penggunaan Yang Salah:

<i class="fa-search"></i>

Contoh Betul Penggunaan:

<i class="fa fa-search"></i>

Dalam contoh yang salah, hanya kelas khusus ikon digunakan, manakala kelas fa tiada.

Kemas Kini Bootstrap 5

Dalam Bootstrap 5, awalan fa telah ditamatkan. Gaya lalai kini pantas untuk ikon pepejal dan hebat untuk ikon jenama.

Penggunaan Betul dalam Bootstrap 5:

<i class="fas fa-search"></i>

Atas ialah kandungan terperinci Mengapa Ikon Hebat Fon Saya Tidak Dipaparkan dengan Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!