Halo teman-teman, kali ini kita akan belajar mengenai fungsi font-weight pada CSS. Apa itu font-weight ?

Fungsi font-weight adalah untuk memberikan efek ketebalan atau biasa dikenal dengan istilah bold. Dengan adanya fungsi ini maka teman-teman bisa memberikan efek ketebalan pada setiap teks sesuai dengan kebutuhan. Pada html teman-teman mungkin ada yang sudah tahu dengan tag <b>. Ya, tag <b> ini juga berfungsi untuk memberikan efek ketebalan pada teks, bedanya jika menggunakan tag ini, maka teman-teman harus menyisipkan tag tersebut pada teks, sehingga akan kewalahan jika teks yang ingin diberikan efek ini terlalu banyak. Sedangkan jika menggunakan font-weight teman-teman hanya perlu menentukan bagian pada html mana yang ingin diberi efek ini. Oke langsung saja kita lihat pada contoh code dibawah ini.

Font-weight

Maka hasilnya akan seperti ini.

1

Kedua hasilnya sama-sama memberikan efek ketebalan, namun jika teksnya banyak akan lebih efisien bila menggunakan CSS agar tidak terlalu banyak menggunakan tag <b>.

Sekian pembahasan mengenai fungsi font-weight pada CSS. Semoga bermanfaat.