Cara Memasang Custom Font dengan Mengedit Template

Baca Juga

Daftar isi: [Tampil]

Cara Memasang Custom Font dengan Mengedit Template - Saya share artikel ini untuk orang yang belum tau saja, yang udah tau numpang nyimak aja yaa :P. Kali ini saya akan mengshare sebuah artikel yang sudah saya ketahui & saya share kepada kalian semua. Artikel ini berfungsi untuk merubah font default. Font-font tersebut terdapat di Google Web Fonts. Disitu tersedia berbagai font-font keren. Mau gak?? Langsung aja kita ke KTP.

Tutorial Pertama :

1. Masuk ke Google Web Fonts
2. Pilih dulu font yang sobat inginkan
3. Setelah itu pilih Quick-use

4. Lalu copy kode dibawah ini

5. Kodenya seperti ini

  <link href='http://fonts.googleapis.com/css?family=Emblema+One' 

  rel='stylesheet' type='text/css'/>

6. Copy kode no.5 tadi tepat diatas kode

</head>

7. Jangan disimpan dulu, tutorial yang keduanya masih ada :p

Ket : Kode yang berwarna merah (/) harus ditambahkan sebelum kode (>).

UPDATE!!
Ada tambahan tempat untuk mencari font, yaitu Fonts for Web

Tutorial Kedua :

1. Untuk mengaktifkan font tersebut, sobat harus meletakkan nama font tersebut di sesudah font-family: atau font:
2. Contoh :

contoh {
   background:#fff;
   margin:0;
   color:#333;
   font-size:11px;
   font-family:"Emblema+One",tahoma,verdana,arial,sans-serif;
   overflow-x:hidden;
}

3. Setelah itu tekan Preview, kalo udah sudah bisa baru disimpan/Save Template.

Ket : Tulisan yang berwarna merah bisa diganti dengan nama font yang sobat simpan.

Semoga artikel ini bermanfaat bagi yang mencobanya.
sumber