Font Styling CSS

- Font-family

     font-family : nama font, generic family; 

    

    property nya font-family : lalu tuliskan nama font,

    contoh :  h1{ font-family : arial;}

    maka akan merubah font seluruh h1 menjadi arial.

 

    generic family memiliki 2 tipe

    ~ sans-serif tidak memiliki ujung

    ~ serif memiliki ujung/kaki

    kita juga bisa menuliskan seperti ini

     h1{ font-family : arial, helvetica, sans-serif;}

    artinya : kita akan merubah font h1 menjadi arial, jika sistem tidak mempunyai font arial maka ubah     dengan font helcetica, jika tidak ada juga ubah menjadi sans-serif.

- font-size

    untuk merubah ukuran font. bisa menggunakan px, % atau em

    contoh :  h1{ font-size : 30px;}

    maka akan merubah ukuran h1 menjadi 30px

- font-weight

    untuk mengatur ketebalan font biasanya menggunakan bold

    contoh : h1{ font-weight : bold;}

- font-variant

    mempunyai 2 value, yaitu normal(default) dan smal-caps yaitu merubah semua huruf menjadi kapital     dan merubah huruf awal menjadi besar 

    contoh Hello World menjadi HELLO WORLD

- font-style

    merubah font menjadi miring. mempunyai 2 value yaitu italic (mengganti dengan font miring) dan        oblique (memiringkan font)

- line-height

    untuk menambah jarak antara baris atas dan baris bawah. biasanya digunakan di sebuah paragraf           value nya bernilai px