Css - style untuk font

Css - style untuk font

Kita akan mempelajari bagaimana memberikan style kepada font ,mulai dari warna ,ukuran Dll.

style untuk font  Ada

1.font-family

ini untuk mengatur font apa yang akan digunakan , value nya Ada 2 yaitu satu nama font nya Dan ke Dua generic family

Contoh:

body {
font-family: arial,verdana, sans-serif;
}

arial Dan verdana itu nama font Dan sans serif itu adalah generic font, Kita bisa memberikan 2 font atau hanya satu font ,kalau Dua font itu di baca nya jika font arial Ada  di system operasi client ,maka pake font nya ,Dan jiga arial tidak Ada maka yang akan di pakai yaitu yang verdana ,Dan jika kedua font nya tidak Ada maka akan dipakai font default asalkan generic font nya yaitu sans-serif,

Generic font Ada 2 value yaitu : sans-serif ,Dan serif . Perbedaan kedua value tersebut yaitu jika sans-serif font nya itu tidak memiliki kaki, atau tidak tajam ,Dan serif yaitu kebalikan nya  dia memiliki kaki Dan tajam ,bisa di liat contoh font sans-serif seperti font Facebook Dan font serif seperti font yang Ada di undangan mantan kalian.

2.font-size
Untuk Mengatur ukuran font dengan font-size  Kita bisa kasih value nya yaitu px, %(persen),em

Contoh penggunaan

h1 {
font-family:100%;
}

3.font-weight
untuk Mengatur ketebalan font Ada berapa value yang bisa dipakai yaitu ,normal, bold,lighter,bolder,100 sampai 900
contoh

#judul {
font-weight: bold;
}

4.font Variant
Mengubah font menjadi small caps
Small caps untuk membuat huruf pertama besar Dan huruf seterusnya kecil  value nya hanya mempunyai 2 yaitu normal Dan small caps

Contoh

h1 {
font-variant: small-caps;
}

5.font-style
Mengubah font menjadi cetak miring
Dan value yang dimiliki  tiga yaitu normal, italic Dan oblique

Italic Dan oblique sama aja membuat font menjadi miring cuma perbedaan nya  jika Kita menambahkan italic itu artinya Kita mengubah font nya menjadi font yang italic Dan ketika font nya tidak memiliki italic maka sistem operasi akan memaksa font nya menjadi oblique ,jadi font nya jadi miring bukan karena italic tetapi karena oblique.

6.line-height
Mengatur spasi antar baris value nya mempunyai 3 yaitu px,em,normal

Contoh {
line-height : 20px;
}

Masih banyak properti untuk styling font , di sini saya hanya menyampaikan beberapa yang sering di gunakan Saja selebihnya bisa Kalian lihat di website w3scholl