Mengapa Fon Saya Tidak Hebat 5 Ikon Ditunjukkan dalam Kandungan CSS?

Membetulkan Paparan Kandungan CSS 5 Font Hebat

Dalam percubaan untuk menggunakan Font Awesome dalam kandungan CSS, pengguna mungkin menghadapi isu di mana ikon yang dijangkakan tidak muncul, sebaliknya mendedahkan kod ikon. Walaupun mengikut garis panduan dalam talian, isu ini berterusan.

Untuk membetulkannya, adalah penting untuk ambil perhatian bahawa hanya fail CSS Font Awesome 5 perlu disertakan:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">

Selain itu, fon- nilai harta keluarga dan kandungan mesti diperbetulkan. Khususnya:

1. font-family: Gantikan "FontAwesome" dengan "Font Awesome 5 Free".
2. kandungan: Gunakan 'f35a ' bukannya '/f35a'.

Berikut ialah contoh:

@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;
    font-size:40px;
}

<i class="fp-prev"></i>

Dengan pelarasan ini, simbol Font Awesome akan dipaparkan dengan betul dalam kandungan CSS.

Atas ialah kandungan terperinci Mengapa Fon Saya Tidak Hebat 5 Ikon Ditunjukkan dalam Kandungan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!