Alkode.NET

google labs

Google baru saja merilis Fonts API (Application Programming Interface) pada minggu lalu. Interface ini dibuat bersama perusahaan penyedia layanan format text typekit.

Selama ini hanya ada beberapa tipe huruf yang dapat digunakan pada aplikasi web seperti times new roman, sans-serif, helvetica, arial dll. Dengan hadirnya Font API,  Google menambah perpustakaan huruf dengan beberapa jenis yang menarik dan berseni sehingga dapat menambah daya tarik website. Di samping itu mereka juga meluncurkan preview tool untuk melihat dan testing tipe-tipe font yang tersedia.

Cara menggunakannya cukup mudah, hanya memanggil file css yang tersedia pada server Google untuk font yang dipilih. Lalu tulis script css seperti biasa untuk mengatur format font yang diinginkan.

Load css file untuk font family Tangerine dan Reenie Beanie

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

Lalu set H1 dengan class “tangerine” dengan family Tangerine dan class “ReenieBeanie” dengan family ReanieBeanie

<style>
h1.tangerine{
font-family:Tangerine;
}

h1.ReenieBeanie{
font-family:"Reenie Beanie";
}
</style>

Kami juga memberikan sedikit demo yang dapat Anda lihat.