Cara Mengatur Ketebalan Font/Huruf Menggunakan CSS

Cara Mengatur Ketebalan Font/Huruf Menggunakan CSS

Halo ini pertama kalinya saya membuat artikel lagi setelah sekian lama tidak menulis artikel di blog ini. Memang benar saya jarang membuat pos sejak beberapa bulan terakhir. Itu dikarenakan kesibukan saya di dunia nyata.

Yuk langsung saja. Kali ini saya ingin memberikan sebuah tutorial untuk mengatur ketebalan font menggunakan CSS.

Kalau pakai HTML bisa tinggal menggunakan tag <strong> atau <b>.

Tetapi kita akan mengatur ketebalan font dengan CSS.

Dalam mengatur ketebalan font dengan CSS kita menggunakan property font-weight.
Dengan value 100-900 atau lighter, bold, bolder.

Contoh di sini saya menggunakan code :

<span style="font-weight: 100;"> Font-Weight : 100-500 </span>
<span style="font-weight: lighter;"> Font-Weight : lighter </span>
<span style="font-weight: 600;"> Font-Weight : 600-900 </span>
<span style="font-weight: bold;"> Font-Weight : bold </span>
<span style="font-weight: bolder;"> Font-Weight : bolder </span>

Maka ketika dijalankan akan menjadi

Ketika melihat gambar di atas, tentu Anda sudah paham kan?
Value antara angka 100-500 dan lighter akan menghasilkan font yang normal. Value antara angka 600-900, bold, dan bolder akan menghasilkan font yang tebal.
Kira-kira begitulah cara menebalkan font menggunakan CSS dengan menggunakan property font-weight.
Semoga dapat bermanfaat.