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
<html>
<head>
<style>
span{
font-weight: bold;
}
</style>
</head>
<body>
<p>Saya belajar <b>Web Master</b> di Dumet School</p>
<p>Belajar di <span>Dumet School</span> sangat menyenangkan</p>
</body>
</html>
Maka hasilnya akan seperti ini.
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.