Cara Menggunakan Google Web Fonts Pada Blog WordPress

Anda sudah tahu salah satu fasilitas Google yaitu Google Web Fonts ini? Jika belum, Google Web Fonts adalah salah satu produk dari Google berupa layanan yang memberikan berbagai koleksi fonts untuk digunakan di sebuah website atau blog yang secara online difecth langsung dari server Google.

Fitur yang masih dalam status beta ini bisa Anda gunakan gratis untuk mempercantik tampilan fonts blog WordPress Anda karena saat ini tersedia berbagai koleksi fonts dengan bentuk-bentuk yang menarik dan keren. Untuk menggunakan pada WordPress pengaturannya tidaklah terlalu sulit karena Anda cukup menempatkan beberapa kode fonts pilihan yang otomatis siap pakai sudah digenerate dan tinggal menempatkan pada source code file theme WordPress yang Anda gunakan.

Selain digunakan dalam website atau blog, berbagai koleksi fonts ini juga bisa Anda download untuk digunakan dalam software design seperti Photoshop atau sejenisnya dan tentunya ini pun masih bisa didapatkan secara gratisan. Jika Anda belum mencobanya dan penasaran ingin menggunakannya untuk blog WordPress Anda, berikut ini adalah langkah-langkah bagaimana menggunakan Google Web Fonts untuk blog WordPress Anda.

• Silahkan meluncur ke direktori Google Web Fonts terlebih dulu.

• Kemudian pilih jenis fonts yang ingin Anda gunakan dan klik font pilihan Anda.

Kemudian tergantung untuk apa font akan digunakan? Jika Anda akan menggunakan pada blog, silahkan klik tab “Use this font” dan jika ingin menggunakan untuk Photoshop, silahkan klik tab “Download”. Pada tab download, Anda bisa langsung download tanpa perlu melakukan donasi, tapi jika Anda merasa font ini bermanfaat, ya silahkan beri donasi pada designernya. Jumlah donasi bebas terserah keikhlasan Anda.:)

Kemudian untuk menggunakan pada blog WordPress, berikut langkah settingnya….

• Buka file “header.php” pada Appearance –> Editor theme yang Anda gunakan.

• Masukkan kode font pilihan Anda yang digunakan pada tag html seperti ini. Disini saya menggunakan contoh font “Rock Salt” pada theme “Codium Extend”.

<link href=’http://fonts.googleapis.com/css?family=Rock+Salt’ rel=’stylesheet’ type=’text/css’>

• Masukkan kode tersebut di atas antara tag dan pada file header.php theme Anda kemudian klik save.

• Langkah terakhir, Buka file “style.css” dan ganti setting default font yang ingin Anda ubah dengan menggunakan nama Google Web Fonts yang sudah dipilh tadi dan klik save.

Selanjutnya, buka blog Anda dan cek font yang Anda ubah tadi apakah sudah berubah atau tidak tampilannya?

keberhasilan dan peletakan kode tergantung pada theme yang Anda gunakan, tapi rata-rata pada theme standar WordPress settingnya kurang lebih gambarannya sama kecuali yang menggunakan framework atau Anda menggunakan theme premium. Untuk hal ini silahkan pelajari tutorial theme yang Anda gunakan tersebut.

Selain cara setting di atas tersebut, ada beberapa cara setting lainnya yang bisa Anda pelajari disini.

Bagaimana? Apakah Anda menggunakan fitur Google Web Fonts ini untuk blog WordPress Anda? Jika tidak, apa alasan Anda?