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
font	mengatur semua font properties dalam satu deklarasi
font-family	mangatur jenis huruf
font-size	mengatur ukuran huruf
font-style	mengatur gaya huruf
font-variant	mengatur ya atau tidaknya huruf dijadikan kapital kecil
font-weight	mengatur 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

Berbagi :