Beberapa waktu yang lalu Google meluncurkan Google Font Library, Sebuah layanan Web Font Library yang disediakan oleh Google untuk mempercantik huruf yang ada di halaman web anda. Bagaimana memanfaatkan layanan tersebut? maka simaklah tutorial berikut ini.
Untuk menggunakan layanan google yang satu ini tidaklah serumit layanan Google yang lain, dimana kita harus melakukan registrasi terlebih dahulu. Akan tetapi untuk menggunakan layanan font library dari google ini kita bisa langsung memakainya di halaman web kita atau di aplikasi web yang kita kembangkan.
Hal yang pertama kali harus dilakukan adalah memilih font yang akan digunakan dari sekian banyak font yang disediakan oleh Google. Untuk memilihnya, kunjungi halaman berikut. Pada tutorial ini, saya akan menggunakan font Cantarell sebagai contoh.
Selanjutnya pada bagian head halaman web anda, masukkan kode berikut:
<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
Kemudian untuk menggunakannya di bagian CSS, anda cukup memasukkan nama font yang anda pilih pada font-family. Seperti berikut ini:
h1 { font-family: 'Cantarell', arial, serif; }
Pada kode di atas, element h1 akan menggunakan font Cantarell.
Untuk lebih jelasnya anda bisa membaca dokumentasinya disini. Selamat mencoba dan berkreasi.
Artikel Terkait:
- Google Wave; Cukup sampai disini.
- Synchronizing Word Documents with Google Docs
- 5 Aplikasi terbaik untuk mempercantik desktop kamu!
- Mengintegrasikan Facebook dengan GMail
- Menambahkan “Google Calendar” di Website Pribadi Anda
Leave Your Response