free hit counters Cara Ganti Font Blog untuk Wordpress dan Blogger
Blogging

Cara Ganti Font Blog untuk WordPress dan Blogger

Cara Ganti Font Blog untuk WordPress dan Blogger. Font adalah desain untuk karakter huruf. Selera masing-masing orang berbeda dalam menggunakan font. Ada orang yang tidak peduli dengan font yang digunakan atau asal tulisan bisa dibaca. Ada juga orang yang peuli dengan estetika tampilan halaman website yang memperhatikan setiap detailnya termasuk font yang digunakan. Adajuga orang yang menginginkan karakter huruf yang unik bahkan nyeleneh untuk blog mereka.

Font bisa dibuat berbeda-beda pada masing-masing post secara manual melalui halaman new post. Memang jenis font tidak akan anda temukan dihalaman new post ketika anda akan mengetikan postingan. Namun anda bisa melakukan copy paste melalui microsoft word. Namun dengan cara ini akan membuat kode-kode HTML yang tidak diperlukan dalam posting dan bisa jadi memperlambat loading blog anda. Oleh karena itu sebaiknya ketika membuat posting gunakan format default tanpa menambahkan style apapun, untuk Cara Ganti Font Blog secara keseluruhan bisa anda simak dibawah ini.

Cara Ganti Font Blog

Pertama tentukan font yang akan anda gunakan. Buka Google Fonts untuk menemukan font yang ingin anda gunakan, anda juga bisa mencari berdasarkan kategori, bahasa dan properties lain. Mungkin anda sudah menemukan nama font yang bagus melalui microsoft office yang sering anda gunakan, kemudian cari nama font tersebut di Google Fonts. Anda tidak perlu khawatir kalau tidak menemukan font yang anda inginkan karena Google Fonts menyediakan ribuan font yang lengkap. Jadi pasti ada.

Jika sudah mendapatkan font yang diinginkan klik pada simbol “+”  font yang diinginkan

Cara Ganti Font BlogSetelah itu akan muncul pop-up embed yang berguna untuk meletakkan kode dalam blog anda nantinya.

Cara Ganti Font Blog

Pada Embed Font anda akan melihat kode

<style>
@import url(‘https://fonts.googleapis.com/css?family=Abel&display=swap’);
</style>

Yang perlu anda gunakan hanya Kode ini

import url(‘https://fonts.googleapis.com/css?family=Abel&display=swap’);

Kemudian ada Kode CSS seperti berikut

font-family: ‘Abel’, sans-serif;

Kode bisa berbeda-beda tergantung font yang anda pilih namun susunanya pasti sama. Disini saya menggunakan font bernama “Abel”

Cara Ganti Font untuk Blogger

  1. Masuk ke halaman Dashbor Blog -> Tema -> edit HTML
  2. Cari kode ]]></b:skin> dengan CTRL+F. Letakkan kode dibawah ini tepat diatas ]]></b:skin>

    import url(‘https://fonts.googleapis.com/css?family=Abel&display=swap’);

  3. Cari kode font-family dengan CTRL+F. Cari yang diawali Body {
  4. Pada font family gunakan kode yang kita dapat dari Google Font yaitu

    font-family: ‘Abel’, sans-serif;

  5. Simpan & Selesai

Cara Ganti Font untuk WordPress

Sebenarnya untuk wordpress lebih mudah. Kita bisa gunakan plugin WP Google Fonts atau Google Fonts For WordPress. Namun disini saya tidak suka menggunakan plugin tambahan, oleh karena itu saya menggunakan cara manual. Caranya hampir sama dengan blogger cuma letak kode CSS berbeda tempat

  1. Login WordPress -> Appearance -> Edit CSS. Paste kode dibawah iniCara Ganti Font Blog untuk WordPress dan Blogger
  2. Klik Publish
  3. Kembali masuk ke Appearance -> Theme Editor
  4. Pada Theme File sebelah kanan cari ‘style.css’
  5. Kemudian cari Body { font family caranya sama dengan langkah ketiga untuk Blogger. Paste kode ini

    font-family: ‘Abel’, sans-serif;

Cara Ganti Font Blog untuk WordPress diatas sebenarnya mudah tanpa menggunakan plugin sehingga menghemat space hosting kita. Namun kalau anda tidak mau ribet silahkan gunakan plugin yang saya sebutkan diatas.

Leave a Comment