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

Menggunakan web safe fonts akan berpengaruh baik dari segi loading suatu blog, dibawah ini merupakan macam web safe fonts yang bisa dipergunakan untuk mengganti font pada css template

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.



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

Serif Fonts


Font-FamilyContoh Teks
Georgia, serifNormal - Web Safe Fonts
Italic - Web Safe Fonts
Bold - Web Safe Fonts
"Palatino Linotype", "Book Antiqua", Palatino, serifNormal - Web Safe Fonts
Italic - Web Safe Fonts
Bold - Web Safe Fonts
"Times New Roman", Times, serifNormal - Web Safe Fonts
Italic - Web Safe Fonts
Bold - Web Safe Fonts

Sans-Serif Fonts


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

Monospace Fonts


Font-FamilyContoh Teks
"Courier New", Courier, monospaceNormal - Web Safe Fonts
Italic - Web Safe Fonts
Bold - Web Safe Fonts
"Lucida Console", Monaco, monospaceNormal - 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.

2 comments:

  1. Jenis font untuk DropCap di blog Mas apa ya namanya and text shadownya gimana kok sangat menarik, mohon pencerahannya

    ReplyDelete
    Replies
    1. Saya menggunakan font google:

      font:bold 750% 'Bad Script', cursive;
      text-shadow:-2px -4px 0px #eee,-3px -5px 0px #999;

      Delete

Terima Kasih Atas Komentar Anda

  • +Bagikan
  • +Admin