Cara Mengganti dan Menggunakan Font Pada Template Blog

Cara Mengganti dan Menggunakan Font Pada Template Blog

Sebelumnya saya sudah share font untuk template flat dari Google Fonts yang bisa di gunakan ada template blog atau web sobat. Sekarang bagaimana cara mengganti font lama dengan font yang baru? Sebenarnya caranya cukup mudah, cukup simak tutorial berikut ini.

Silahkan lihat font yang dapat sobat gunakan pada artikel, Daftar Font Yang Cocok Untuk Template Blog.

Cara Mengganti Font Pada Blog

1. Pastikan sobat sudah memiliki kode CSS font baru yang ingin digunakan untuk mengganti font lama. Pada postingan ini, saya akan menggunakan font Open Sans untuk ditempatkan pada blog.

Sebelum memulai, silahkan buka menu Template lalu klik Edit HTML. Cari font lama pada template blog sobat bila tidak ingin digunakan lagi. Bila memasang font baru dan font lama belum dihapus, dapat membuat loading blog lebih berat walau hanya sedikit. Gunakan Ctlr + F dan cari kode CSS font lama sobat.

Tampilan kodenya hampir sama dengan CSS Font yang akan kita gunakan, beda nama font nya saja. Bila tidak menemukannya maka skip saja penghapusan font lama. Karena bisa jadi blog sobat cuma menggunakan font bawaan blogger seperti Arial dll.

2. Silahkan letakkan CSS Font Open Sans berikut sebelum atau diatas kode </head>.

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

3. Klik Save dan Font Open Sans telah terpasang. Setelah itu, lanjutkan ke cara menggunakan font yang telah sobat pasang.

Cara Menggunakan/Mengaktifkan Font Pada Template Blog

1. Cara kode font-family pada template sobat menggunakan Ctrl + F.

2. Sobat mungkin akan menemukan tampilan CSS seperti berikut.

font-family:'Arial';font-size:15px;color:#000;

Arial adalah nama font lama sobat, silahkan ganti dengan Open Sans sehingga menjadi seperti ini.

font-family:'Open Sans';font-size:15px;color:#000;

3. Lakukan hal tersebut pada semua kode font-family yang ingin sobat rubah lalu klik save.

Perhatian
Sebagai tambahan, bila CSS font-family berada dalam tag ]]></b:skin> atau mudahnya kode tersebut berwarna biru, silahkan terapkan cara di atas. Namun, apa bila CSS font-family berada dalam tag </style> atau mudahnya selain warna biru, maka ubahlah tanda ' menjadi &#39; sehingga hasilnya seperti ini.

font-family:'Open Sans';font-size:15px;color:#000;

Nah, seperti itulah cara mengganti font lama dengan yang baru serta cara menggunakan font nya. Bila masih ada kendala atau ada yang belum dimengerti, silahkan berkomentar.

Saya rasa sekian artikel tentang Cara Mengganti dan Menggunakan Font Pada Template Blog. Semoga bisa bermanfaat bagi sobat dan jangan lupa untuk berkomentar sebelum menerapkannya. Terima kasih telah mengunjungi Opick Weblog.

Bagikan Artikel ini