Macam Jenis Font Family - HTML

Jika Anda telah sampai pada pejaran gaya font, maka di sini saya berikan sedikit jenis-jenis font family yang berguna membuat gaya tulisan pada dokumen HTML. Font Family adalah sekumpulan jenis/gaya font yang mewakili tiap-tiap karakter dalam tulisan. Makanya disebut family(keluarga) karena dari A-Z mereka memiliki gaya yang telah diatur.

Untuk membuat gaya tulisan dengan sintaks:

<font face="jenis font family">

 Sebagai contoh:

<font face="Comic Sans MS">Ini tulisan Comic Sans MS</font> <br />
ini tulisan biasa

maka akan menghasilkan seperti ini:

Ini tulisan Comic Sans MS
ini tulisan biasa

Untuk menghindari kesalahan. Karena penggunaan font family tergantung pada browser yang membukanya. seberapa kaya browser tersebut dengan font family. Apabila browser tidak memiliki font family yang kita gunakan, maka browser tidak akan dapat menampilkannya. Untuk itu usahakan untuk selalu menggunakan font family alternatif. dengan cara menambahkan jenis font family laiinya pada baris sintaks selanjutnya.

<font face="Comic Sans MS","Helvetica", "sans-serif">Ini tulisan Comic Sans MS</font>

Dari sintaks di atas maka browser akan menampilkan font gaya Comic Sans MS. Apabila tidak ditemukan maka akan beralih ke jenis Helvetica. Jika tidak ada juga maka akan memilih jenis Sans-serif.

Sebenarya ini adalah rumus/sintaks sederhana yang paling dasar dalam HTML. Untuk penggunaan tingkat lanjut seperti CSS terbaru berbeda dalam penerapannya, misal standar dan custom. Kita akan mempelajarinya suatu hari nanti.

Berikut adalah macam-macam jenis font family yang bisa Anda gunakan dalam dokumen HTML:

Kode Font	Contoh Hasil
Arial	Kalimat Gaya Tulisan
Arial Black	Kalimat Gaya Tulisan
monospace	Kalimat Gaya Tulisan
Bookman Old Style	Kalimat Gaya Tulisan
Gadget	Kalimat Gaya Tulisan
sans-serif	Kalimat Gaya Tulisan
Helvetica	Kalimat Gaya Tulisan
Andale Mono	Kalimat Gaya Tulisan
Monotype.com	Kalimat Gaya Tulisan
Comic Sans MS	Kalimat Gaya Tulisan
cursive	Kalimat Gaya Tulisan
Courier Newe	Kalimat Gaya Tulisan
Impact	Kalimat Gaya Tulisan
fixedsys	Kalimat Gaya Tulisan
Georgia	Kalimat Gaya Tulisan
serif	Kalimat Gaya Tulisan
Garamond	Kalimat Gaya Tulisan
Charcoal	Kalimat Gaya Tulisan
Lucida Sans Unicode	Kalimat Gaya Tulisan
Lucida Grande	Kalimat Gaya Tulisan
Lucida Console	Kalimat Gaya Tulisan
Monaco	Kalimat Gaya Tulisan
MS Gothic	Kalimat Gaya Tulisan
Geneva	Kalimat Gaya Tulisan
New York	Kalimat Gaya Tulisan
MS Sans Serif	Kalimat Gaya Tulisan
MS Serif	Kalimat Gaya Tulisan
Palatino Linotype	Kalimat Gaya Tulisan
Book Antiqua	Kalimat Gaya Tulisan
Palatino	Kalimat Gaya Tulisan
Palatino Linotype	Kalimat Gaya Tulisan
Symbol	Kalimat Gaya Tulisan
System	Kalimat Gaya Tulisan
Tahoma	Kalimat Gaya Tulisan
Techno	Kalimat Gaya Tulisan
Times	Kalimat Gaya Tulisan
Times New Roman	Kalimat Gaya Tulisan
Trebuchet MS	Kalimat Gaya Tulisan
Verdana	Kalimat Gaya Tulisan
Wingdings	Kalimat Gaya Tulisan
Zapf Dingbats	Kalimat Gaya Tulisan