Google Font Directory dan Google Font API
May 21, 2010 by maseko
Satu lagi persembahan Google untuk dunia web. Kemarin, Google telah merilis layanan baru, Google Font Directory dan Google Font API.
Google Font Directory merupakan direktori berisi koleksi font-font web open-source, dan dengan Google Font API, maka font-font tersebut dapat digunakan oleh siapa pun seperti pemilik atau pengelola website agar dapat memperindah website-nya dengan pemilihan font yang sesuai. Bagi Anda, ketika nantinya membuka beberapa website mungkin saja tidak hanya mendapati font-font standar yang biasa digunakan tetapi juga berbagai variasi font-font menarik yang ada di Google Font Directory.
Saat ini mungkin hanya terdapat 18 jenis font yang ada di Google Font Directory, namun ke depannya jumlah ini ke depannya sepertinya akan terus bertambah.
Bagi Anda yang akan membuat halaman web dengan menggunakan font-font yang ada di Google Font Directory, langkah pertama yang dapat dilakukan adalah menambahkan stylesheet link di bagian <HEAD> halaman web.
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Nama+Font" />
Ubah Nama+Font dengan Font API parameter name dari font yang Anda pilih dari Google Font Directory, misalnya Cantarell, Droid+Sans, Tangerine atau lainnya.
Jika dalam suatu halaman web akan menggunakan dua atau lebih font yang ada di Google Font Directory, maka Nama+Font diisi dengan nama-nama parameter API dari font-font tersebut dan masing-masing nama font dipisahkan dengan tanda pipa (|), misalnya akan memanggil font Tangerine, Inconsolata, dan Droid Sans maka Nama+Font diubah menjadi Tangerine|Inconsolata|Droid+Sans.
Selanjutnya untuk mengaplikasikan font tersebut pada suatu elemen halaman web, dapat dilakukan melalui stylesheet, misalnya:
CSS selector {
font-family: 'Nama Font', serif;
}
atau langsung dilakukan secara inline pada elemen tersebut, misalnya:
<div style="font-family: 'Nama Font', serif;">Teks Anda</div>
Berikut ini contoh langsung penggunaan font dari Google Font Directory
I will always love you
However long I stay,
I will always love you
Whatever words I say,
I will always love you
I will always love you
Selain itu, berkolaborasi dengan Typekit, Google juga menyediakan WebFont Loader, Javascript library guna lebih dapat mengontrol pemuatan font dibandingkan dari penggunaan Google Font API. Dengan WebFont Loader, tak hanya font-font dari Google Font Directory saja yang dapat digunakan, tetapi juga dari provider lain atau pun digunakan secara bersamaan.
Berkeinginan mengganti font halaman website Anda dengan font-font dari Google Font Directory?

Posted in 






Wah, perlu dicoba nih. Tengkiu, infonya.