Macam Fonts Yang Aman Dipergunakan Untuk Weblog (Web Safe Fonts)

Macam Fonts Yang Aman Dipergunakan Untuk Weblog (Web Safe Fonts) - Ada beberapa jenis dan nama font yang aman dipergunakan pada web atau weblog, aman disini akan bisa dibaca oleh browser dengan baik, tentunya tidak akan merubah bentuk font tersebut, font-font tersebut aman dipergunakan karena sifatnya web safe fonts.

Tidak seperti font dengan nama Mouse Memoirs atau Playball yang harus menanamkan link url font tersebut pada template seperti pada font-font yang ada pada Google Web Fonts supaya bisa dibaca oleh browser dengan baik.

① Cara menambah dan mengganti text fonts dengan Google Web Fonts

Berikut ini merupakan contoh bentuk font dan font-family yang bisa dipergunakan untuk mengganti font-font dalam css.

Serif Fonts

Font-Family	Contoh Teks
Georgia, serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
"Palatino Linotype", "Book Antiqua", Palatino, serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
"Times New Roman", Times, serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts

Sans-Serif Fonts

Font-Family	Contoh Teks
Arial, Helvetica, sans-serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
"Arial Black", Gadget, sans-serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
"Comic Sans MS", cursive, sans-serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
Impact, Charcoal, sans-serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
"Lucida Sans Unicode", "Lucida Grande", sans-serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
Tahoma, Geneva, sans-serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
"Trebuchet MS", Helvetica, sans-serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
Verdana, Geneva, sans-serif	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts

Monospace Fonts

Font-Family	Contoh Teks
"Courier New", Courier, monospace	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts
"Lucida Console", Monaco, monospace	Normal - Web Safe Fonts Italic - Web Safe Fonts Bold - Web Safe Fonts

Untuk mengganti font yang akan ditampilkan, hanya mengganti properti font-family pada css template seperti ini:

#selektor {
font-family:"Comic Sans MS", cursive, sans-serif;
}

Tentunya dengan menggunakan web safe fonts akan berpengaruh baik dari segi loading, karena tidak me-load link font yang kecepatan loadingnya berbeda-beda seperti font-font pada google web font.