Join Us on facebook!

This pop-up will self-destruct in 20 seconds Close

EnglishFrench German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Nov 30, 2012

Memasang Google Webfonts pada Blog

Font adalah bentuk suatu karakter/huruf. Dengan font sesuatu dapat disampaikan dengan gaya tertentu. Bentuk-bentuk font sangat mempengaruhi nilai dan kondisi dari suatu baris tulisan. Gaya tulisan menentukan persepsi akhir dari suatu tulisan, sehingga harus ditempatkan sesuai dengan porsinya masing-masing. Font untuk surat legal tentusaja berbeda dengan font untuk surat ucapan ulang tahun kepada teman. Karena dalam form legal terdapat aturan baku mengenai etika penyampaian sesuatu melalui tulisan.
Dalam dunia design, posisi font sangat menentukan. Dengan munculnya ribuan bahkan jutaan jenis font menjadi referensi yang memudahkan untuk mengatur gaya design tertentu. Termasuk juga dalam hal web design, tentu memerlukan referensi font untuk kebutuhan style designnya. Google menangkap hal ini dengan meluncurkan referensi font yang dinamai Google Webfonts Tentu saja ini hal yang menggembirakan bagi para blogger, dengan Google Webfonts ini menjadikan blogger bebas menuangkan imajinasu kreasinya kedalam website/blognya melalui tulisan bergaya. Webfonts ini mempunyai tool atau perkakas yang baik dan lengkap. Web designer maupun blogger pemula dapat menggunakan font ini dengan mudah.
Untuk memasang google webfonts pada blogger caranya dengan menambahkan kode berikut di atas </head> tag, sebagai contoh ingin menggunakan font dengan nama Quintessential maka kodenya adalah.
  • <link href='http://fonts.googleapis.com/css?family=Quintessential' rel='stylesheet' type='text/css'>
Jika ingin menggunakan yang lainnya tinggal mengganti nama font-nya (Quintessential). Untuk kode style.css nya bisa menggunakan contoh seperti ini : font-family: 'Quintessential', cursive; atau bisa seperti ini : h1 { font-family: 'Quintessential', cursive; font-weight: 400; } jika ingin membuat font menjadi bold, tinggal mengganti font-weight: 400; menjadi font-weight: 700;

10 comments :

  1. Teenanan yaa, coba aja Lagi.. ngunu wae perot.. :D

    ReplyDelete
  2. Anonymous27/6/13

    Terima Kasih Gan, sangat membantu..

    ReplyDelete
  3. Ya .. sama-sama Smoga bermanfaat..

    ReplyDelete
  4. TY.. nice post.. its very usefully...

    ReplyDelete
  5. how you think about this article, please give me feedback..

    ReplyDelete
  6. Replies
    1. terma kaciih.. smoga membantuu.. :D

      Delete
  7. Iya je .. Font-font-nya keren.. keren mantabbbss. :e

    ReplyDelete