Mengatur Huruf dengan Cascade Style Sheet

Sebelumnya kita sudah mempelajari mengatur teks dengan Cascade Style Sheet, kali ini kita akan mempelajari mengatur huruf dengan Cascade Style Sheet atau CSS. Dengan CSS tersebut maka huruf yang akan kita gunakan dapat disusun dengan berdasarkan properti berikut :

1. Font Family
   Font family berisikan tipe huruf yang ingin kita gunakan, hanya saja tidak semua browser mendukungnya. Oleh sebab itu diperlukan beberapa tipe huruf mulai dari yang paling kita inginkan hingga yang paling umum.
   Apabila nama yang akan digunakan mempunyai lebih dari satu kata maka diperlukan tanda kutip. Misal:
   p{font-family:"Lucida Grande", Verdana, Tahoma;}
2. Font Style
   Font style akan mengatur style dari huruf tersebut apakah normal atau miring atau mengikuti dari style sebelumnya (inherit). Misal:
   p.normal {font-style:normal;}
p.italic {font-style:italic;}
3. Font Size
   Font size akan mengatur ukuran dari huruf tersebut. Satuan yang dapat digunakan adalah pixel, em dan persen. Misal:
   body {font-size:100%;}
h1 {font-size:2.5em;}
p {font-size:14px;}
4. Font variant
   Font variant akan mengatur bentuk dari huruf apakah normal atau huruf kecil semua. Misal:
   p.small{font-variant:small-caps;}
5. Font Weight
   Font weight akan mengatur “berat” atau ketebalan dari huruf tersebut. Dapat menggunakan bold, bolder, lighter atau angka ketebalan 100 – 900. Normal mempunyai angka 400 dan bold mempunyai angka 700. Misal :
   p.thick {font-weight:bold}
p.thicker {font-weight:900}

Kata pencarian:

Artikel terkait:

1. Mengatur Link dengan Cascade Style Sheet
2. Mengatur Text dengan Cascade Style Sheet
3. Membuat Background dengan Cascade Style Sheet
4. Cara Memasukkan Cascade Style Sheet
5. Mengatur List atau Daftar Dengan CSS
6. Cascading Style Sheet (CSS)
7. Mengelompokkan Elemen dengan Style Sama

Tweet