pFGLGutdPHGuLGM1ofvLJgVGBXb2shbmTrifWoYQ

Cara Mudah Mengganti Font Blog dengan Google Fonts

Cara Mengubah Font dengan Google Font

Cara Mudah Mengganti Font Blog dengan Google Fonts - Font merupakan sebuah kombinasi dari serangkaian huruf dengan berbagai type atau jenisnya seperti bentuk huruf, ketebalan, dan jarak antar huruf. Banyak font yang telah dibuat sampai sekarang ini bahkan mencapai ribuan jenis, seiring perkembangannya waktu.

Kita ambil contoh dari jenis font Times New Roman yang berasal dari Family Serif, merupakan font paling favorit digunakan oleh kebanyakan orang. Penggunaan mulai dari bidang pendidikan seperti mengerjakan makalah dan skripsi, sementara di bidang lain seperti penerbit surat kabar, majalah maupun buku banyak menggunakan font tersebut.

Karakter font Times New Roman memiliki beberapa keunggulan yaitu huruf-nya yang tidak terlalu tebal dan tipis, enak dipandang dan dilihat, jarak antar huruf juga tidak terlalu dekat. Mungkin ada lebih banyak lagi keunggulan yang telah disebutkan tadi.


Masih ada banyak lagi jenis font dengan karakter khusus agar gaya tulisan semakin menarik. Penggunaan font sangat bermacam-macam fungsinya maka dari itu pilih font yang tepat dalam pembuatan tulisan baik secara digital maupun non-digital.

Salah satu penyedia jenis font secara online kita dapat menggunakannya di situs Google Font, dengan itu kita dapat memilih berbagai macam jenis font sesuai dengan kebutuhan kita. Dan caranya pun juga tidak terlalu sulit untuk dilakukan, dan tutorial-nya kita jelaskan nanti.

Nah, kali ini kita akan mengubah jenis font di Template Igniplex yang memiliki tampilan yang cukup menarik di halaman blognya. Template ini juga tidak terlalu susah untuk di edit sehingga kita dapat mengkustom beberapa tampilan halaman situs blog kita sesuai dengan keinginan.

Dalam template ini sudah tertanam beberapa jenis font default salah satunya adalah Arial  jenis font ini sangat enak dibaca dan tidak membuat mata cepat lelah sehingga cukup relevan untuk penggunaan font jenis ini.

Jika anda mungkin tidak suka dengan font tersebut atau ingin mengubah ke jenis font yang lain ikuti tutorial dibawah ini,



1. Masuk ke Google Fonts Web

Pertama kita harus fonts.google.com, lalu pilih jenis font yang anda butuhkan bisa mencari di kotak pencarian agar lebih cepat. Misal di contoh kita gunakan font "Montserrat", dan jika sudah klik font tersebut


2. Pilih Gaya dan Tebal Font

Selanjutnya anda akan diarahkan untuk memilih jenis, gaya dan ketebalan font, disini anda dapat memilih sesuai kebutuhan anda.

Rekomendasi dari saya adalah Reguler 400 klik "Select this style" akan berubah menjadi "Remove this style", untuk mendapatkan kode. Selanjutnya ikuti langkah-langkahnya sesuai di gambar,


3. Melakukan Parse Kode

Tahap selanjutnya anda harus melakukan parse kode tersebut lebih dulu


4. Menempelkan Kode di HTML Blog

Tahap berikutnya Masuk ke Halaman Blogspot > Pilih Tema > Ikon Samping "Sesuaikan" > Pilih Edit HTML. Setelah itu tekan CTRL + F untuk memunculkan kotak pencarian dan cari kode ini </head>. Kemudian Paste kode tadi tepat diatas nya seperti gambar dibawah,


5. Edit Nama Font

Tahap Terakhir adalah mengedit Nama Font yang telah di pilih tadi yaitu "Montserrat". Cari kode --igniplexFontNormal, Kemudian pilih ganti Ketik Nama ini 'Montserrat' di bagian awal, atau ikuti langkahnya seperti gambar dibawah,

Nah, Setelah itu anda sudah dapat melihat hasil perubahan yang telah dilakukan tadi di blog anda, teks tersebut akan berubah menjadi sesuai dengan kebutuhan atau keinginan kita. Jika dirasa kurang cocok pilihlah font sesuai dengan selera atau kebutuhan anda.

Banyak sekali jenis font yang dapat anda gunakan untuk mempercantik atau membuat blog anda lebih interaktif dan menarik. Untuk itu teruslah berusaha serta trial and error untuk menghasilkan karya yang lebih baik.


Demikian, itulah cara mengganti font di template Igniplex. Semoga Membantu, dan kami akan senang jika anda memberikan kritik dan saran yang membangun agar dapat meningkatkan kualitas artikel kami di situs blog ini.

Baca Juga

Related Posts

Post a Comment