Untuk membuat tampilan website yang menarik kita akan menggunakan font atau huruf yang disesuaikan dengan disain kita. Kita dapat menggunakan membuat tampilan tulisan dengan grafik atau menggunakan tulisan dengan font yang sesuai disain kita. Menggunakan tulisan yang dituangkan dalam grafik atau gambar akan lebih mudah dalam membuatnya tetapi akan lebih lambat saat pengunjung menjalankan aktivitas browsing.
Menggunakan dengan font yang ada di system juga mengalami keterbatasan karena tidak semua font yang kita inginkan ada pada setiap pengunjung website kita.
Untuk menjembatani antara tulisan dengan tampilan menarik dan juga kecepatan lahirlah web font. Web font ini adalah font yang dioptimalkan untuk website. Salah satu penyedia web font yang free adalah Google.
Google web fonts dapat diakses di http://www.google.com/webfonts/. Langkah-langkah untuk menggunakan Google web fontas adalah
- Memilih font yang kita inginkan ke dalam collections
- Memilih salah satu huruf yang ada di collections dengan fungsi Use
- Melakukan copy paste mengenai coding yang harus dimasukkan ke dalam website
Sebagai contoh perhatikan coding berikut ini:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<link href=’http://fonts.googleapis.com/css?family=Ribeye+Marrow’ rel=’stylesheet’ type=’text/css’>
<title>Google Font</title>
<style type=”text/css”>
.ribeye
{
font-family: ‘Ribeye Marrow’;
}
</style>
</head>
<body>
<p class=”ribeye”>Joy to the world The Lord is come</p>
</body>
</html>
Hasil coding di atas dapat dilihat di http://aris.proweb.asia/google_font.html dengan tampilan seperti gambar berikut ini:
Kunjungi www.proweb.co.id untuk menambah wawasan anda.