Mengganti Font Blog Untuk WordPress dengan Google Webfonts

Setelah kemarin saya memberikan tutorial untuk blogspot, sekarang saya akan memberikan tutorial untuk mengganti font di wordpress (selfhosted). Sebetulnya tidak jauh berbeda karena tetap menggunakan Google Webfonts, hanya saja penempatannya yang berbeda dan penggunaan kodenya.

Untuk pemilihan font dan penggunaan sama seperti tutorial sebelumnya, hanya saja kode yang digunakan bukan Javascript melainkan @import :

Copy kode tersebut ke EDIT CSS di Dashboard -> Appearance -> Editor atau bisa langsung ke menu Appereance -> Edit CSS apabila mempunyai plugin Jetpack. Pastikan yang dirubah adalah style.css

Masukkan di bagian atas dibawah keterangan template :

Kemudian masukkan CSS edit font di bagian paling bawah style.css :

 

Berikut kode yang dimasukkan untuk mengganti font :

Judul Posting :

https://gist.github.com/shintaries/67fcef7eb97773f02c94.js

Body Posting :

https://gist.github.com/shintaries/d10aa6c06cf7e4ebc430.js

Judul Widget :

https://gist.github.com/shintaries/59d005857a4bab679b0e.js

Klik update file kalau sudah selesai dan lihat hasilnya ^^

Tinggalkan komentar yaa kalau berhasil atau belum berhasil

Note : Hanya berlaku bagi themes twenty eleven / twelve (template bawaan wordpress). Selain itu akan berbeda penamaan/selector CSS nya

Feel free untuk men-share dan tidak meng-copy artikel saya, thank youu πŸ˜€

Advertisements

14 thoughts on “Mengganti Font Blog Untuk WordPress dengan Google Webfonts

    1. qeqeqe bukannya udah bagus mak template punya mak Ranny ^^
      ngapain fontnya diganti-ganti
      oia karena template punya mak rani download gratis dan bukan bawaan wordpress (11/12) jadi beda mak, kodenya πŸ™‚

    1. solusinya kembali ke themes awal mba, baru dari situ bisa di kasih header, diganti font, diganti background. kalau pakai theme gratisan memang harus terima apa adanya πŸ™‚

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s