Tuesday 18 January 2011

Menggunakan Google Font API

oleh:iaMz | pada:Tuesday, January 18, 2011 |
Apa itu Google Font API ? Google Font API adalah fungsi yang disediakan oleh Google untuk dapat menampilkan tulisan huruf atau font web.
Manfaat dari Google Font Api yaitu :
  • Font open source dan berkualitas tinggi.
  • Bekerja baik pada kebanyakan browser.
  • Sangat mudah untuk digunakan.
Sebagai contoh, saya menggunakan Google Font API pada judul blog dan disetiap judul posting blog ini. Untuk menerapkan font tersebut caranya sangat mudah yaitu dengan menambahakan link stylesheet ke dalam header blog dan gunakan CSS untuk menampilkannya.

Jika anda pengguna Blogger, ikutilah tahap berikut untuk menggunakan Google Font API :

Tahap 1
Buka Layout -> Edit HTML. Centang tulisan Expand Template Widget dan masukkan kode berikut setelah kode <head>.

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Nama+Font"/>

Perhatian : Gantilah nama font sesuai dengan nama yang ada pada Google Font Directory. Sebagai contoh saya menggunakan font Tangerine, untuk mendapatkan kode font tersebut masuklah ke :


Pilih tipe font yang diinginkan dan klik Use this font. Selanjutnya copy kode tersebut :

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

Tahap 2
Masukkan kode CSS

font-family: 'Tangerine', arial, serif;

Anda dapat menggunakannya dimanapun pada halaman blog. Sebagai contoh, untuk menggunakannya pada judul post. Masukkan kode tersebut setelah

.post h3 {

Atau jika anda ingin menggunakannya pada body masukkan kode tersebut setelah

body{

Referensi : Ipietoon | Google Font API

0 comments:

Post a Comment

Jangan lupa komentarnya ya !

Subscribe to: Post Comments (Atom)
 

Copyright © 2009 Cookiez is Designed by Ipietoon. | Modified by iaMz bLoG.