Cara Mudah Memakai Font Dari Google

Uhuuii.. akhirnya online lagi nih kita.. :) beberapa waktu yang lalu sempat mandek ngeblog, karena sakit, sempat online, tapi cuma online doank.. ga ada kegiatan blogging (blogwalking n kasih komentar), just browser n download..

Kali ini saya mencoba menyuguhkan tema atau judul Cara mudah menggunakan Google Font.. dulu sempat menulis cara mudah pasang cufon di blog, mungkin itu agak sedikit rumit, nah kali ini cukup simple, boleh dibilang sangat simple.. cepat dan mudah.

Font atau jenis tulisan atau model tulisan atau gaya tulisan apalah namanya yang pasti ini akan dapat membuat atau menambah style blog kita menjadi lebih menarik.

Entah ini barang baru atau udah lama, yang jelas saya baru tahu 2 hari yang lalu kalo google mengeluarkan variant baru tentang font Google Font API yang bisa di embed di blog atau website dari server google, dan font ini di sediakan secara gratis oleh GOOGLE,, saya tahu hal ini sewaktu mengedit template joomla, di menu tersebut ada pilihan use google font.. what thats mean?? pikir ku saat itu.. namanya juga ngedit, ya coba-coba aja.. setelah nyoba, oh ini toh.. ternyata hampir mirip dengan menggunakan cufon. xixixixi..

Sejak tulisan ini di tulis, jenis-jenis font yang di sediakan google masih sedikit, setelah saya hitung baru ada sekitar 18 jenis font, itu diluar dari variant yang ada disana.. ahhh.. sepertinya terlalu panjang lebar saya menulis.. ada baiknya jika langsung di praktekin..
Pertama, klik link ini, untuk memilih jenis font yang mau dipakai.. jika sudah ketemu dengan tulisan yang di rasa pas, klik aja di jenis font tersebut.

contoh kasus disini saya memilih jenis font Yanone Kaffeesatz karena kebetulan ini adalah font yang saya pakai saat ini. :) hehehe,, lihat gambar :

Jika sudah secara lengkapnya akan seperti ini :
Masukan script ini kedalam header.php

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>

setelah kode di atas sudah tertanam di themes anda, saatnya anda bereksperiment di css. buka file style.css anda, kemudian silahkan edit sesuka hati anda, karena ini sama halnya seperti memasukan kode font normal lainnya, seperti georgia, arial, nah ada cukup mengganti atau menambah kan saja 1 nama font lagi yaitu font-family : Yanone Kaffeesatz kedalam css, masukan saja di H1, H2, H3, H4 dll.. di sesuaikan sesuai selera tentunya.
(ini hanya contoh)

h1 { font-family: 'Yanone Kaffeesatz', arial, serif; }

Selain itu anda pun bisa menambahkan style lainnya, seperti menambah efek bayangan dan lain-lain..

Hayaah.. singkat banget nulisnya nih, kebetulan udah magrib.. waktunya mepet, padahal masih pengen basa-basi lagi.. tapia apa daya.. sampai sini dulu aja tulisannya, jika masih kurang di mengerti silahkan berkomentar, nanti insya allah akan saya jawab semampunya.

Cara ini telah saya uji coba di enggine wordpress, Akhir kata, selamat mencoba dan moga manfaat.