Minggu, 30 Juli 2017

Cara Mengatur Ketebalan Font/Huruf Menggunakan CSS


Halo ini pertama kalinya saya bikin artikel lagi setelah sekian lama hehe.. Emang benar saya jarang membuat pos sejak beberapa bulan terakhir.
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.



EmoticonEmoticon