Terkadang Font bawaan dari suatu aplikasi tidak selalu sesuai dengan yang kita kehendaki, bisa jadi itu agak sulit di baca, terlalu kecil dan kurang userfriendly, namun semuanya tergantung penglihatan masing - masing.
Di sini saya akan berbagi tips yang telah saya coba mengenai "Cara Merubah Font Blogger di Postingan" mungkin sudah tidak asing lagi , dan mungkin banyak yang mengupas mengenai ini, dan di sini saya hanya akan berbagi dari yang telah saya coba dan berhasil.
Cara Pertama
Untuk merubah type dari font bawaan blogger atau dari program CSS caranya seperti berikut :- Masuk dulu ke situs ini : Google Font
- Kemudian cari font yang sobat sukai, saya kasih contoh misal saya akan memilih type font roboto, kemudian kita klik tanda plus sebelah kanan atas :
- Selanjutnya akan tampil form seperti berikut :
Keterangannya :
- Embed : merupakan tampilan pertama yang di dalamnya ada code Embed dari HTML dan CSS
- Pilihan Customize merupakan pengeditan ukuran font yang di sediakan google.
- Tata bahasa yang di gunkan .(untuk no 2 dan 3 lebih baik kita menggantinya di sesuaikan dengan standarnya saja.
- Yang di tandai No 4 Merupakan data penting yang akan sobat gunakan untuk merubah font di postingan.
- Sama dengan No 4 untuk No 5 Merupakan data CSS untuk merubah font .
Cara untuk memasukan Code Fontnya :
- Buka Dashbooard Blogger
- Pilih > Tema dan pilih > Edit HTML
- Balik lagi ke Google Font , copykan code yang di dapat tadi (dari no 4):
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
4. kembali masuk ke Edit HTML , tekan Ctrl+F untuk mencari kode </head>
5. Letakan Code di atas tepat di atas code </head>
6. Tambahkan garis miring di belakang Code ( / )
Jadi Codenyanya Akan Seperti Berikut :
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"/>
7. Kemudian Untuk merubah Font di tampilan Postingan, cari terlebih dahulu code program berikut : .post-body yang tepatnya berada di bawah /*POST WRAPER*/ , karena akan banyak sekali kata .post-body di template.
8. Langkah yang terakhir masukan Code program dari CSSnya ( No 5 dari gambar atas ) di bawah .post-body { seperti berikut :
.post-body {
line-height:1.6em;
font-family: 'Roboto Condensed', sans-serif;font-size:17px;
}
line-height:1.6em;
font-family: 'Roboto Condensed', sans-serif;font-size:17px;
}
9. Yang saya kasih warna merah merupakan Code CSS yang di copykan ( lihat No 4 dari gambar ).
10. Klik simpan Tema , dan lihat apakah sudah berubah fontnya ?
. Selesai
Note : Jika sobat ingin mengganti font dari menu yang lainnya seperti Navigation Menu, Atau Search dll. sobat tinggal Copykan saja Kode CSSnya di bawah CSS menu yang sobat akan ganti, dengan tipe Font yang sama.