Terkadang Font bawaan dari suatu aplikasi tidak selalu sesuai dengan yang kita kehendaki, sanggup jadi itu agak sulit di baca, terlalu kecil dan kurang userfriendly, namun semuanya tergantung penglihatan masing - masing.
Di sini aku akan mengembangkan tips yang telah aku coba mengenai "Cara Merubah Font Blogger di Postingan" mungkin sudah tidak abnormal lagi , dan mungkin banyak yang mengupas mengenai ini, dan di sini aku hanya akan mengembangkan dari yang telah aku coba dan berhasil.
Cara Pertama
Untuk merubah type dari font bawaan blogger atau dari jadwal CSS caranya menyerupai berikut :- Masuk dulu ke situs ini : Google Font
- Kemudian cari font yang sahabat sukai, aku kasih teladan misal aku akan menentukan type font roboto, kemudian kita klik tanda plus sebelah kanan atas :
- Selanjutnya akan tampil form menyerupai 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 sahabat 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 sanggup 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 arahan </head>
5. Letakan Code di atas sempurna 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 jadwal berikut : .post-body yang tepatnya berada di bawah /*POST WRAPER*/ , sebab akan banyak sekali kata .post-body di template.
8. Langkah yang terakhir masukan Code jadwal dari CSSnya ( No 5 dari gambar atas ) di bawah .post-body { menyerupai 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 aku 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 sahabat ingin mengganti font dari hidangan yang lainnya menyerupai Navigation Menu, Atau Search dll. sahabat tinggal Copykan saja Kode CSSnya di bawah CSS hidangan yang sahabat akan ganti, dengan tipe Font yang sama.
