Cara Menggunakan Custom Font Pada Blog -->

Kategori Jawaban

Iklan Semua Halaman

Cara Menggunakan Custom Font Pada Blog

@FauziTMG
9/21/2014
Question/ Pertanyaan/ Soal:

Cara Menggunakan Custom Font Pada Blog?

Answer/ Kunci Jawaban:
Setelah sekian lama tidak turun gunung, akhirnya mimin bagi postingan lagi buat kalian. Kemaren itu mimin sibuk edit template ini, biar kali.... Baca selengkapnya di JAWABAN.xyz

Jelaskan tentang Cara Menggunakan Custom Font Pada Blog?

Penjelasan:
Setelah sekian lama tidak turun gunung, akhirnya mimin bagi postingan lagi buat kalian. Kemaren itu mimin sibuk edit template ini, biar kalian makin seneng gitu. Oke kali ini kita bakalan belajar buat Custom Font pada Blog.

customfont

Apasih tu Custom Font?

Custom Font adalah font yang kalian custom atau kalian tambah sendiri pada blog kalian. Biasanya ini dilakuin kalau kalian ingin mengganti font pada postingan kalian, tapi kalian gak nemu font yang kalian inginkan karena Blogger hanya menyediakan sedikit dari font yang tersedia. Oleh karena itu kalian harus menambahkannya sendiri ke blog kalian, nah ini namanya Custom Font.

Jadi Gimana caranya min?
Oke kali ini mimin bakal ngasi tau kalian caranya

Tutorial Pemasangan :
1. Kunjungi Google Web Font 
2. Kemudian kalian akan ditunjukkan dengan page seperti ini

googlefont

Pada kotak yang tersedia itu kalian ketik nama Font yang kalian cari
Misalnya contoh font yang aku cari "Roboto"

3. Jika sudah Klik "Add To Collection"

googlefont

4. Kalau sudah diklik, kalian dapat menggunakannya dengan menekan tombol "Use" yang ada pada bagian bawah seperti ini :

googlefont

5. Jika sudah pilih ukuran yang kalian inginkan, pada bagian bawah terdapat kode yang kira-kira tampilannya seperti ini :
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

6. Kemudian untuk memanggilnya kalian masuk pada bagian EDIT HTML lalu paste kodenya dibawah kode <head>

Nb : Sebelum paste tambahkan kode "/" sehingga kodenya menjadi seperti ini :
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'/>
7. Jika berhasil kalian dapat menggunakan font tersebut pada bagian yang ingin kalian edit

Selamat Mencoba