Beberapa bulan kemarin Google meluncurkan produk baru, yaitu Google font directory yang masih dalam versi beta (pada saat tulisan ini dibuat). Manfaat dari Google Webfont ini yaitu menggantikan font standar yang biasa dipakai oleh pembuat web atau blog dengan font-font open source yang tersedia di Google font directory. Fungsi yang ditawarkan kira-kira sama dengan yang ditawarkan oleh Typekit dan dan fonts.com, bedanya adalah jenis font yang disediakan di Google font ini sifatnya open-source alias bebas dipakai semaunya. Pada saat tulisan ini dibuat, hanya ada 19 pilihan font yang bisa dipilih oleh user dan dipergunakan dengan bebas di dalam website atau blog, dan kita juga bisa meminta ke google font lebih dari satu jenis font. Contohnya bisa dilihat di bawah ini.
Rubah coklat yang gesit main lompat tali dengan anjing yang pemalas
Type font yang saya pakai di atas adalah “Tangerine”. Untuk meng-embed type font di atas, saya menambahkan kode berikut ke dalam stylesheet atau style.css kalau anda memakai wordpress.
@import url(http://fonts.googleapis.com/css?family=Tangerine:bold);Atau bisa juga dengan cara lain, yaitu menambahkan tag link ke dalam tag <head> yang ada di dokumen HTML. Contoh kode di bawah ini meminta izin ke Google font directory untuk menggunakan 3 type font sekaligus, yaitu ‘Tangerine’, ‘Inconsolata’ dan ‘Droid Sans’.
<a link href='http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans' rel=''stylesheet' type='text/css'></a>
Anda bisa meletakkan kode di atas di dalam tag <head> di dalam script website. Setelah itu anda bisa menentukan di mana type font itu akan dipakai melalui stylesheet, misalnya seperti ini,
.single h2 { font-family: 'Tangerine', Georgia, sans-serif; }
Anda bisa memilih-milih type font mana yang cocok untuk website anda. Dan sebelum menentukan pilihan, anda juga bisa melihat preview-nya di Google font previewer. Khusus buat pengguna wordpress, kalau anda terlalu malas untuk mengedit file style.css atau header.php, anda bisa memanfaatkan plugin Google Web Fonts WordPress Plugin. Plugin ini saya belum coba, jadi saya belum tahu apakah bisa jalan atau tidak.
ya ini yang ditunggu tunggu…. thanks for share mas bro.
eh, cicak di pojok bisa bilang thank you
Mantap nih! boleh dicoba.
Wah.. ternyata bisa juga ya ganti font pakai punyanya si mbah. Nyoba juga aahh
Xpresi4share
bagus nih, ane mau coba, makasih ya