Buka Situs/Klik link ini : Google web fonts
2. Silahkan cari jenis font yang anda inginkan, tambahkan beberapa font dengan mengklik tombol Add to Collection.
3. Klik tombol Use disebelah kanan bawah browser
4. Kemudian kopi kode dari Google Font
(kodenya seperti dibawah ini, kode ini hanya contoh saja tidak perlu anda copy)
<link href='http://fonts.googleapis.com/css?family=Risque|Just+Me+Again+Down+Here|Mouse+Memoirs' rel='stylesheet' type='text/css'>
5. Pada template anda carilah kode seperti ini dibawah ini:
<![CDATA[/*
6. Paste kode yang dikopi dari Google Web Font diatas kode <![CDATA[/*
7. Tambahkan kode slash "/" yang berwarna merah pada akhir kode yang dipaste tadi sehingga terlihat seperti dibawah ini:
<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'/>
8. Sekarang anda tinggal mengganti font pada template anda. Saya akan memberikan contoh bagi anda untuk mengganti font header di template anda, caranya seperti berikut ini:
9. Carilah kode #header h1 atau h2.postTitle {
10. Setelah itu ganti font family yang tadi anda pilih, contohnya seperti dibawah ini:
Kode awal pada template yang belum dirubah
#header h1{color:#00008B;font-size:26px;font-family: Arial ;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}
Kode setelah dirubah saya
#header h1{font:normal 35px 'Just Me Again Down Here', cursive;;line-height:1.2em;color:#f1c822;text-transform:none;letter-spacing:.1em;text-shadow:3px 4px 3px #000;margin:0 auto;padding:2px 5px .15em}
Begitulah caranya kita menambahkan font baru ke template, bagaimana tertarik untuk membuatnya. Silahkan dicoba aja, tapi jangan lupa ikuti langkah di atas dengan baik dan ingat untuk back up template anda. Sekian dan selamat mencoba!