Cara Mengganti Font Family di Postingan Blog

Cara Mengganti Font Family di Postingan Blog - Sebenarnya Blogger telah menyisipkan beberapa jenis font yang telah menjadi standard microsoft didalamnya. Jenis font tersebut pada umumnya adalah font Arial, Trebuchet MS, Lucida Sans, Times New Roman, Calibri,Georgia, Verdana dan beberapa jenis font lainnya. Sebenarnya dengan jenis font yang telah disediakan tersebut, kita sudah mampu membuat tampilan blog yang terlihat indah. Terlebih lagi jika kita kreasikan efek CSS3.

Namun, jika anda bosen dengan jenis font yang begitu-begitu saja dan ingin memberikan tampilan huruf yang sedikit berbeda dan menarik tidak ada salahnya jika anda merubah jenis font standard tersebut dengan jenis font yang menarik lainnya. Untuk melakukan hal tersebut, anda bisa menggunakan CSS external dari google-font. Sudah cukup banyak jenis font yang disediakan oleh google untuk bisa digunakan diblog. Anda bisa melihat langsung font-font tersebut dengan mengunjungi situs google font di https://www.google.com/fonts

Dengan variasi jenis huruf yang cukup banyak, anda hanya tinggal mencocokannya dengan template yang anda gunakan saat ini, untuk memperoleh tampilan blog yang maksimal. Berikut ini saya berikan beberapa jenis font yang bisa anda gunakan diblog anda dan juga cara penggunaannya.

<link href='http://fonts.googleapis.com/css?family=Tangerine:regular,bold' rel='stylesheet' type='text/css'/> 

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

<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'/>

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

<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'/>

<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT' rel='stylesheet' type='text/css'/>

Cara Mengganti Font Family di Blog
1. Masuk ke Rancangan
2. Kemudian tuju bagian Edit HTML
3. Copy salah satu kode huruf tersebut dan letakkan  diatas kode </head> atau dibawah code ]]></b:skin> pada template anda.

4. Kemudian tambahkan nama font yang anda gunakan pada bagian css, contohnya seperti berikut:

5. Kemudian simpan template anda.

Yang perlu diperhatikan hanyalah penulisan Nama Font yang benar sesuai dengan Kode Font yang kita gunakan, karna jika kita salah menulis nama font maka jenis font yang kita inginkan tidak akan muncul. Dengan menggunakan cara ini, anda juga bisa menggunakannya pada judul postingan (h3) atau judul sidebar (h2) dan sebagainya.

Baiklah, saya rasa hanya itu yang bisa saya bagikan untuk artikel kali ini, jika anda memiliki masalah silahkan tanyakan dikomentar. Sampai jumpa dan Semoga bermanfaat!