Belajar CSS chapter 2 (Font)


Assalamualaikum sob, masih melanjutkan tutorial sebelumnya berjudul belajar css chapter 1 sekarang saya akan menjelaskan mengenai CSS Font. Check this out...

CSS FONTS

Font family

Digunakan untuk mengubah jenis huruf dengan cara menuliskan beberapa jenis huruf, dan apabila browser tidak support dengan salah satu font maka akan ditampilkan font lain yang telah dituliskan.
Catatan : apabila jenis huruf namanya lebih dari satu kata maka harus diberi tanda “ ” (kutip), misal :
“Times New Roman”. contoh font family :
p{font-family:”Times New Roman”, Times, serif;}

Font Style

font style memiliki 3 nilai:
  • normal
  • italic
  • oblique(mirip dengan italic , hanya lebih miring)
Contoh :
p.normal{font-style:normal;}
p.italic{font-style:italic;}
p.oblique{font-style:oblique;}

Font Size

Mengubah ukuran dapat menggunakan pixels, em, ataupun persen.
Contoh :
h1{font-size:50px;}
p{font-size:2.5em;}
body{font-size:100%;}
Note : 16 pixels sama dengan 1 em

Properti CSS Fonts


Properti
Deskripsi
fontmengatur semua font properties dalam satu deklarasi
font-familymangatur jenis huruf
font-sizemengatur ukuran huruf
font-stylemengatur gaya huruf
font-variantmengatur ya atau tidaknya huruf dijadikan kapital kecil
font-weightmengatur ketebalan huruf

Sekian untuk postingan kali ini, semoga bermanfaat dan jangan lupa untuk memberikan komentar, karena satu kata dari anda sangat berarti untuk perbaikan postingan-postingan dalam blog ini.
Wassalamualaikum wr wb

Komentar

Postingan populer dari blog ini

Penilaian (Definisi, Prinsip dan Tujuan)

Penilaian Portofolio (Definisi, Karakteristik, Kelebihan dan Kekurangan)