Bagaimana untuk Menggunakan Unicode untuk Ikon 5 Bintang yang Hebat Font dengan Kelas \'far\' dan \'fas\'?

Unicode untuk Ikon Font 5 Bintang Hebat: Menggunakan Kelas 'jauh' dan 'fas'

Font Awesome 5 menawarkan kedua-dua tetap dan pepejal ikon bintang, diwakili oleh nilai Unicode 'f005' untuk kedua-duanya. Untuk menggunakan variasi ini dalam sistem penilaian anda, anda boleh memanfaatkan CSS untuk menogol antara kelas 'jauh' dan 'fas'.

Kelas 'fas' mewakili bintang pepejal, manakala 'jauh' mewakili bintang biasa . Kunci untuk beralih antara mereka terletak pada melaraskan berat fon. Dengan menetapkan berat fon kepada 900 untuk bintang yang ditandai dan 200 untuk bintang yang tidak ditandai, anda boleh menukar antara versi pepejal dan biasa, masing-masing dengan mudah.

Berikut ialah coretan kod dikemas kini yang mengambil kira perkara ini:

<code class="css">input.star:checked ~ label.star:before {
  content: '\f005';
  color: #e74c3c;
  transition: all .25s;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

label.star:before {
  content: '\f005';
  font-family: 'Font Awesome 5 Free';
  font-weight: 200;
}</code>

Kod ini memastikan ikon bintang adalah tetap apabila dinyahtanda dan pepejal apabila ditanda, membolehkan anda mencipta sistem penilaian dinamik dan interaktif dengan mudah.

Atas ialah kandungan terperinci Bagaimana untuk Menggunakan Unicode untuk Ikon 5 Bintang yang Hebat Font dengan Kelas \'far\' dan \'fas\'?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!