Fon Hebat 5 Fon Keluarga Yang Harus Saya Gunakan untuk Elemen Pseudo Saya?

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

Fon Awesome 5 menawarkan empat pilihan font-family: Font Awesome 5 Percuma, Font Awesome 5 Solid , Font Awesome 5 Brands dan Font Awesome 5 Regular. Apabila menggunakan ikon dalam elemen pseudo CSS, adalah penting untuk memilih keluarga fon yang betul untuk memastikan paparan yang betul.

Memahami Jenis Fon Keluarga

• Fon Hebat 5 Jenama: Termasuk jenama dan media sosial ikon.
• Fon Awesome 5 Percuma: Fon-famili lalai yang mengandungi kebanyakan ikon percuma.
• Font Awesome 5 Solid: A subset Font Awesome 5 Percuma dengan ikon dalam bentuk pepejal gaya.
• Fon Awesome 5 Biasa: Subset Font Awesome 5 Percuma dengan ikon dalam gaya biasa yang lebih ringan.

Memilih Fon-Family yang Betul

Fon-famili yang betul untuk digunakan bergantung pada ikon anda menggunakan.

• Untuk ikon jenama, gunakan Font Awesome 5 Brands.
• Untuk semua ikon lain yang bukan sebahagian daripada gaya tertentu atau percuma, gunakan Font Awesome 5 Percuma.

Ia penting untuk ambil perhatian bahawa Font Awesome 5 Solid dan Font Awesome 5 Regular bukanlah keluarga fon yang berasingan. Ia adalah variasi gaya yang boleh dicapai menggunakan sifat font-weight.

Contoh Kod CSS

Untuk menggunakan berbilang pilihan keluarga fon dalam perisytiharan yang sama, cuma senaraikan pilihan mengikut keutamaan:

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

Ini memastikan penyemak imbas akan menggunakan keluarga fon pertama yang mengandungi ikon yang anda mahu paparan.

Penyelesaian masalah

Jika ikon tidak dipaparkan dengan betul, semak semula sama ada anda telah memilih keluarga fon yang betul dan ikon itu disertakan dalam versi percuma Font Awesome 5. Sesetengah ikon, terutamanya dalam gaya Light dan Duotone, hanya tersedia dalam versi Pro.

Atas ialah kandungan terperinci Fon Hebat 5 Fon Keluarga Yang Harus Saya Gunakan untuk Elemen Pseudo Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!