Cocoped.com – Menggunakan Font Kustom di Blogger atau WordPress akan mempercantik tampilan blog kita agar terlihat semakin menarik tentunya, Tapi perlu di ingat juga yah Jika Anda menambahkan font ke CSS / HTML itu harus teliti, Karena jika sampai anda salah mengedit atau menambahkan font ke blogger/wordpress maka yang ada tampilan website akan jadi berantakan.

Langsung saja kita mulai ,Saat ini, kami memiliki Font Web , yang membuatnya sangat mudah untuk menggunakan font yang tidak terlalu dasar di seluruh situs Anda. Jika Anda tidak akrab dengan Google Web Fonts , postingan ini akan menunjukkan bagaimana cara menggunakan google web fonts.

Pertama, mengapa font web? Katakanlah Anda ingin menambahkan font yang lebih bagus atau font skrip ke blog Anda. Font web memungkinkan hal itu tanpa harus menginstal font pada komputer Anda yang sebenarnya. Sebagai gantinya, font diakses melalui skrip, di mana itu disimpan di server Google … jadi siapa pun dapat melihatnya!

Lebih mudah untuk menginstal font web di situs Anda. Pertama, Anda harus memilih font yang Anda suka dari situs Google Fonts . Ini bisa memakan waktu, tetapi untungnya Anda dapat memfilter opsi jika diinginkan. Anda bahkan dapat mengubah teks contoh default ke apa pun yang Anda suka sehingga Anda dapat melihat persis seperti apa teks Anda akan terlihat dengan setiap font.

Setelah Anda menemukan font yang Anda suka, klik pada ikon Quick Use :

Pada halaman berikutnya, gulir ke bawah dan ambil kode “Standar”:

 

Sorot teks dan salin ke clipboard Anda (CTRL / CMD + C). Jika Anda menggunakan WordPress, cukup tempelkan ini ke <head> dari template HTML Anda. Untuk Genesis, buka Genesis> Pengaturan Tema dan masukkan ke dalam bagian skrip Header dan Footer pertama.

Di Blogger, Anda akan ingin pergi ke Template> Edit HTML dan tempelkan tepat di bawah kode <head>. Di Blogger, Anda perlu menambahkan garis miring di belakang / ke bagian akhir URL, tepat sebelum tanda kurung akhir, seperti:

Selanjutnya, Anda dapat menambahkan font ke stylesheet (CSS) di mana pun Anda suka.

Salin kode CSS yang ditampilkan di halaman font dan ganti elemen font yang ada dengan font baru Anda, atau buat elemen baru. Ini membantu untuk mengetahui ID mana yang diterapkan ke berbagai elemen blog Anda. Berikut beberapa contoh untuk Blogger yang dapat Anda tambahkan ke bagian CSS dari Editor Template:

Ingatlah untuk mengganti sedikit font-family dengan kode font-family Anda sendiri yang dihasilkan !!

Ubah font judul posting Anda

Ubah font tajuk blog Anda

Ubah font post body Anda

Ubah font tanggal Anda

Ubah font post footer Anda

Ubah font tautan sebelumnya / selanjutnya

Ubah font judul sidebar Anda

Setelah anda berhasil menempatkan kode baru pada tampilan font anda, SIlahkan simpan dan cek hasilnya dengan membuka web/blog anda.

Anda juga dapat menambahkan beberapa font web ke situs Anda. Anda dapat menghasilkan kode tautan “Standar” lain dari Google Font, atau Anda dapat menggabungkannya dengan memilih tombol Tambahkan ke Koleksi alih-alih tombol Gunakan Cepat:

Tambahkan ke jendela di bagian bawah layar, dan silahkan pilih”Gunakan” akan menghasilkan kode tautan “Standar” tunggal untuk semuanya, serta gaya CSS untuk masing-masing.

Semoga artikel dapat ini membantu Anda. Jika punya pertanyaan lebih lanjut jangan lupa untuk bertanya pada kolom komentar yah.