Bagaimana untuk Memilih Fon-Family yang Betul untuk Font Hebat 5 Pseudo-Elements?

Memilih Font-Family yang Betul untuk Font Awesome 5 Pseudo-Elements

Apabila menggunakan ikon Font Awesome 5 sebagai elemen pseudo dalam CSS, adalah penting untuk menentukan keluarga fon yang sesuai. Pilihan yang tersedia ialah: Font Awesome 5 Percuma, Font Awesome 5 Solid, Font Awesome 5 Brands dan Font Awesome 5 Regular.

Kes 1: Ikon Jenama

Jika ikon yang anda gunakan tergolong dalam gaya Jenama (cth., Twitter), gunakan "Font Hebat 5 Jenama" font-family.

h1:before {
  font-family: "Font Awesome 5 Brands";
}

Kes 2: Ikon Pepejal (Menyelesaikan Isu)

Untuk ikon Pepejal, jangan jangan gunakan " Fon Awesome 5 Solid" font-family. Sebaliknya, gunakan "Font Awesome 5 Free," kerana ikon Pepejal dan Biasa berkongsi keluarga fon yang sama.

h1:before {
  font-family: "Font Awesome 5 Free";
}

Peraturan Am: Menggunakan Pelbagai Fon-Famili

Untuk memastikan keserasian, masukkan semua keluarga fon yang diperlukan ke dalam harta keluarga fon. Penyemak imbas akan memilih yang betul secara automatik.

h1:before {
  font-family: "Font Awesome 5 Brands","Font Awesome 5 Free";
}

Nota:

• Ikon pepejal dan Biasa berbeza hanya dalam berat fon, bukan keluarga fon .
• Bukan semua ikon Biasa adalah percuma; sesetengahnya tersedia dalam pakej Pro sahaja.
• Ikon yang gagal dipaparkan tidak semestinya disebabkan oleh isu keluarga fon.
• Semua ikon versi Light dan Duotone disertakan dalam pakej Pro .

Atas ialah kandungan terperinci Bagaimana untuk Memilih Fon-Family yang Betul untuk Font Hebat 5 Pseudo-Elements?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!