Rumah > hujung hadapan web > tutorial css > 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
Lepaskan: 2024-10-24 10:39:29
asal
453 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan