Tutorial Blogger

Cara Mengubah Font di Blogger dengan Google Font

Font merupakan element yang cukup penting diperhatikan di blog. Font akan membuat website kamu lebih indah dan mudah dibaca. Defaultnya, browser akan menyesuikan font yang ada di komputer kamu dengan font yang digunakan di sebuah website atau blog. Selain itu kamu juga bisa melakukan costum font di blog yang kamu miliki.

Kamu bisa menggunakan font yang kamu sukai dan menurut kamu bagus. Untuk menggunakan font tersebut, tentunya kamu harus mencarinya terlebih dahulu. Salah satu penyedia font yang sangat direkomendasikan adalah Google Font, semua font tersedia secara gratis dan bisa digunakan di blogger. Berikut ini kami lampirkan cara menggunakan Google Font di Blogger.

1. Pertama, buka browser lalu kunjungi website resmi Google Fonts.

2. Pilih font yang kamu inginkan, Jika ingin melihat preview langsung tuliskan text pada kolom Type something, pilih font dengan menekan tombol tambah (+) di bagian kanan font.

Cara menggunakan google font di blogger

3. Klik bagian family selected di kanan bawah.

Cara menggunakan google font di blogger

4. Sebelum digunakan, lakukan Kostumisasi font dengan menekan tombol Costumize, disini kamu bisa mengatur ketebalan font yang nantinya digunakan, centang saja pilihan kamu.

Cara menggunakan google font di blogger

5. Lalu kembali klik tab embed, pada bagian embed ada 2 hal yang perlu kamu perhatikan, yaitu embed font dan specify in css. Embed font adalah kode yang akan dimasukkan di bagian head di blog kamu supaya font bisa digunakan, sedangkan specify in css, perintah yang akan digunakan di css untuk mengubah font.

Cara menggunakan google font di blogger

6. Copy terlebih dahulu code dari embed font, lalu buka Blogger, masuk ke tema, pilih edit html, lalu paste kode tersebut di antara code <head> dan </head>

Cara menggunakan google font di blogger

7. Selanjutnya copy code dari Specify in CSS dan paste ke blog kamu di bagian yang diingkan, contohya di bagian post atau jika ingin mengubah font secara keseluruhan letakkan di code css body{}, seperti berikut ini.

Cara menggunakan google font di blogger

8. Terakhir save dan lihat hasilnya dengan membuka blog kamu.

Catatan : Kamu bisa menggunakan lebih dari 1 font yang ada di Google Font, caranya sama saja dengan menekan tombol tambah +, lalu masukkan code yang tersedia ke blog kamu dengan cara di atas.

Demikianlah cara menggunakan google font di blogger. Kamu perlu memperhatikan font yang akan digunakan, jangan sampai font tersebut mengganggu pengunjung untuk membaca postingan di blog kamu. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2019 Inwepo - All Rights Reserved.

To Top