Memasang google font di blogger

Google Fonts merupakan platform yang sangat berguna bagi yang ingin memodifikasi tema blogger. Google Fonts menyediakan berbagai macam font yang dapat digunakan secara gratis dan bersifat open source.

Font-font ini dapat dengan mudah diintegrasikan ke dalam blog, selain itu terdapat banyak pilihan font dan ikon yang dapat disesuaikan dengan kebutuhan anda. Dengan menggunakan Google Fonts, anda dapat mempercantik tampilan blog anda tanpa biaya tambahan.

Berikut cara memasang google font di blogger

1. Pertama anda buka situs https://fonts.google.com.

2. Berikutnya anda cari dan pilih font yang anda inginkan, disini saya gunakan font oswald sebagai contoh.

3. Berikutnya anda klik Get Font.

4. Karena anda menggunakan blogger, silahkan anda klik Get Embed Code.

5. Pada pilihan selanjutnya, silahkan anda pilih web lalu ceck list yang @import dan copy kode yang muncul.

6. Berikutnya anda login ke blogger com, didalam editor HTML tema blogger, silahkan  anda letakkan kode tersebut di atas kode </head>

7. Terakhir, anda klik Simpan.

Cara menggunakan font

Disini saya akan memberikan contoh yang paling sederhana, yaitu mengganti judul sidebar dengan font yang baru dipasang tadi.

1. Masuk ke editor HTML tema pada blogger.

2. Kode untuk judul sidebar umumnya seperti ini

.sidebar h2 {
font-family: roboto ;
font-size: 16px;
font-weight: 700;
font-style: normal
}

note:

• font-family:roboto, merupakan jenis font yang akan diganti
• font-size:16px, merupakan ukuran font
• font-weight:700 adalah ketebalan font, anda dapat menggantinya menjadi 100 sampai 900, semakin besar angkanya maka semakin tebal
• font-style:normal, yaitu normal atau tanpa style, jika anda menginginkan style huruf miring maka silahkan anda ganti normal menjadi italic

3. Silahkan anda ganti font roboto menjadi oswald, dan hasilnya akan seperti ini.

.sidebar h2 {
font-family: oswald ;
font-size: 16px;
font-weight: 700;
font-style: normal
}

4. Terakhir anda klik, Simpan.

Silahkan anda kunjungi blog anda untuk melihat hasilnya. Demikianlah cara memasang google font di blogger, semoga bermanfaat.