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:
- 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
Produk keren lainnya: