Mengapa Font Saya Tidak Menunjukkan 5 Ikon Hebat?

Mengapa Kandungan CSS Font Awesome 5 Tidak Dipaparkan?

Apabila cuba menggunakan kandungan CSS Font Awesome, pengguna mungkin menghadapi isu di mana hanya kod ikon muncul bukannya ikon yang dikehendaki. Ini boleh diselesaikan dengan menangani kedua-dua atribut keluarga fon dan kandungan.

Pembetulan Fon-family

Dalam coretan kod yang disediakan, atribut keluarga fon tidak betul ditetapkan sebagai 'FontAwesome'. Keluarga fon yang betul untuk Font Awesome 5 Free ialah:

font-family: "Font Awesome 5 Free";

Pembetulan Kandungan

Atribut kandungan tiada garis sengkang ke belakang terkemuka ''. Daripada /f35a, ia hendaklah:

content: '\f35a';

Berikut ialah kod yang dikemas kini dengan pembetulan yang digunakan:

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
}

Dengan membuat pembetulan ini, ikon Font Awesome kini akan dipaparkan dengan betul .

Atas ialah kandungan terperinci Mengapa Font Saya Tidak Menunjukkan 5 Ikon Hebat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!