Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana Membezakan Antara Font Biasa dan Solid 5 Ikon Hebat dengan Unicode?

Bagaimana Membezakan Antara Font Biasa dan Solid 5 Ikon Hebat dengan Unicode?

Barbara Streisand
Barbara Streisandasal
2024-10-24 10:39:29336semak imbas

How to Distinguish Between Regular and Solid Font Awesome 5 Icons with Unicode?

Font Awesome 5 Unicode: Memahami Perbezaan Antara fas dan far

Dalam Font Awesome 5, ikon 'fa-star' dan 'far fa-star' menggunakan pemberat fon yang berbeza untuk mencipta ikon bintang pepejal dan biasa, masing-masing. Kedua-dua ikon berkongsi titik kod Unikod 'f005'.

Dalam kod CSS yang disediakan, percanggahan antara bintang biasa dan pepejal berpunca daripada pemberat fon yang tidak konsisten. Untuk bertukar antara versi biasa dan pepejal, laraskan sifat berat fon dalam helaian gaya anda:

<code class="css">input.star:checked ~ label.star:before {
  /* Solid star */
  font-weight: 900;
}

label.star:before {
  /* Regular star */
  font-weight: 200;
}</code>

Dengan berat fon 200 untuk versi biasa dan 900 untuk versi pepejal, anda kini boleh secara dinamik togol antara perwakilan dua bintang berdasarkan input pengguna.

Atas ialah kandungan terperinci Bagaimana Membezakan Antara Font Biasa dan Solid 5 Ikon Hebat dengan Unicode?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn