CSS BASIC (#10-FONT PROPERTIES)

---

CSS FONT PROPERTIES

---

Font property berguna untuk mengatur:

• Style
• Weight
• Variant
• Size
• Line High

Pada penataan font di file HTML yang anda buat.


Font Family

Anda dapat mengatur jenis font apa yang nanti akan tampil dengan menggunakan property dari font-family.
font-family:"Trebuchet MS", verdana;
Dimana pada contoh di atas, Trebuchet MS berfungsi sebagai family name atau font yang diutamakan untuk tampil dan Verdana berfungsi sebagai generic family atau pengganti dari font utama jika tidak support dengan browser yang digunakan. Akan tetapi jika jika kedua value chois tidak support dengan browser yang digunakan, akan secara otomatis berganti menurut font-family yang digunakan pada browser.

Generic family	Font family	Description
Serif	Times New Roman Georgia	Font Serif memiliki garis-garis kecil di ujung pada beberapa karakter
Sans-serif	Arial Verdana	"Sans" tidak memiliki garis seperti titik di ujung karakter
Monospace	Courier New Lucida Console	Memiliki lebar yang sama pada tiap karakter

Font Size

Anda dapat mengatur ukuran teks dalam file dengan menggunakan property font-size.
font-size:value;

Untuk value dari font-size:

• xx-small
• x-small
• smaller
• small
• medium
• large
• larger
• x-large
• xx-large
• precentage (%)
• lenght (px)

Font Style

Untuk style dari teks pada file yang anda buat.
font-style:value;

Untuk value-nya:

• normal
• italic
• oblique

Font Variant

Anda dapat mengatur varian dari teks dengan menggunakan property font-varian.
font-varian:value;

Untuk value-nya:

• normal
• small-caps

Font Weight

Property-nya:
font-weight:value;

Untuk value-nya:

• lighter
• light
• normal
• 100
• 200
• 300
• 400
• 500
• 600
• 700
• 800
• 900
• bold
• bolder

Bersambung...