Cara Menggunakan Google Web Fonts Di Website

Hallo teman-teman, pada tutorial kali ini saya akan mengajarkan bagaimana cara menggunakan fonts yang terdapat digoogle web fonts. Cara penggunaannya sangatlah mudah ikuti langkah-langkah dibawah ini :

1. Pertama kalian bisa membuka http://www.google.com/fonts, untuk memilih jenis font yang ingin kalian gunakan.

2. Kemudian setelah kalian memilih jenis fonts yang ingin digunakan, kalian bisa lihat dipojok bawah sebelah kanan terdapat menu pilihan “Quick use” kalian bisa klik menu pilihan tersebut seperti gambar dibawah ini. Dan di halaman tersebut kalian juga bisa memilih beberapa jenis style fontnya.

3. Kemudian dibawahnya lagi, dibagian karakter kalian bisa memilih jenis karakter yang ingin kalian gunakan di website kalian. Dan dibagian bawahnya lagi terdapat code yang harus kalian tambahkan di website kalian jika ingin menggunakan jenis fonts tersebut. Kalian bisa menambahkan code tersebut didalam tag <head>. Ada 3 cara penggunaannya, standart, @import, dan Javascript. Silahkan kalian pilih cara penggunaan yang mana yg efektif.

Dicontoh berikut saya menggunakan cara @import dimana saya mengcopy kode tersebut di file CSS  nya, maka hasilnya bisa kalian lihat di SINI.

Sekian dulu tutorial dari saya, semoga tutorial ini bermanfaat untuk kalian semua. Terima Kasih.