Property CSS untuk Mengatur Font / Text

Pada kesempatan kali ini saya bermaksud untuk share apa yang sudah saya pelajari mengenai beberapa properti CSS untuk mengatur Font.

Hal yang yang pertama kali harus jita pahami adalah untuk mengatur Font dalam sebuah Elemen HTML ataupun keseluruhan Elemen HTML dengan menggunakan properti font diperlukan minimum font-family dan font-size

Sebagai contoh untuk mengatur teks dari suatu elemen dengan style: normal, medium, tebal dan font untuk Verdana atau jenis lain huruf sans-serif., maka penulisan CSS nya:

#parameter { font: normal medium bold Verdana, sans-serif; }

Jika kita hanya memerlukan style salah satu sifat font, maka kita dapat menggunakan properti font tertentu yang diperlukan. antara lain:

font-family
Properti ini berfungsi untuk menentukan font family (kelompok font) yang hendak ditampilkan untuk text dalam elemen HTML tertentu
Nilai dari Properti ini adalah family-name dan generic-family
Kita dapat menetapkan nama family tertentu juga menambahkan family generik lainnya berdasarkan skala prioritas ( dengan pembatas tanda koma). Jadi jika pengguna tidak memiliki nama font tertentu ia akan menggunakan keluarga generik yang sama.
Contoh penulisan :
font-family: Verdana, sans-serif;
font-size
Properti font-size berfungsi untuk mengatur ukuran teks yang digunakan dalam suatu elemen HTML
Contoh penulisan:
font-size: nilai;
Adapun nilai dari properti ini terdiri antara lain:
- xx-small
- x-small
- small
- medium
- large
- x-large
- xx-large
- smaller
- larger
- length
- %
font-style
Properti ini berfungsi untuk mengatur gaya/style dari font
Contoh penulisan:
font-style: nilai;
Adapun Nilai-nilai properti ini adalah:
- normal
- itailc
- oblique
font-variant
Properti ini berfungsi untuk mengatur apakah text ingin di tampilkan nilai properti variant yaitu normal atau small caps atau tidak
Contoh penulisan:

font-variant: normal;
font-weight
Properti ini berfungsi untuk mengatur ukuran bobot dari font
Adapun Nilai-nilai properti ini adalah:
- lighter
- normal
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- bold
- bolder