Cara Mengatur Ketebalan Font/Huruf Menggunakan CSS
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 :
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.
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.
0 Komentar