Google Fonts, Apaan Sih?

Yup, Apaan sih Google Fonts itu ?. Google Fonts merupakan layanan baru dari google dimana kita diperbolehkan untuk menggunakan Custom Fonts pada web kita. Sebelumnya anda dapat menggunakan tools seperti typekit atau menggunakan teknik image replacement  yang menggantikan text tersebut dengan gambar ataupun dengan menggunakan flash.

Berikut adalah Cara Penggunaan dari Google Fonts ini sendiri. Cukup simpel, gampang dan tak ribet. Jika anda malas membuatnya di editor, akan saya ajarkan sebuah cara yang gampang. Pertama buka jsbin.com (Editor Online).

JSBin tampilan

Setelah itu copas kode berikut ke dalam jsbin dan klik preview (Sudut Kiri Atas).


<!DOCTYPE  html>

<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Test Google Fonts</title>
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie'
rel='stylesheet'  type='text/css'>
 <style>
 body { font-family:  'Reenie Beanie', serif; font-size: 100px; }
 </style>
</head>
<body>
 Herman Taniwan.com
</body>
</html>

Previewnya :

Untuk Pilihan Font yang lain silahkan langsung ke fontdirectory google.

Setelah itu anda akan masuk ke sini :

Copy API Parameter namenya, masukkan ke dalam CSS dan script. Tidak ketinggalan pula bahwa tanda plus pada API diatas adalah spasi di CSS, sedangkan untuk script kita biarkan saja seperti itu.


<!DOCTYPE  html>

<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Test Google Fonts</title>
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie'
rel='stylesheet'  type='text/css'>
 <style>
 body { font-family:  'Reenie Beanie', serif; font-size: 100px; }
 </style>
</head>
<body>
 Herman Taniwan.com
</body>
</html>

Written by Herman Taniwan

Founder hermantaniwan.com, Website tutorial berisi mengenai hal - hal yang mensupport interaktifitas di indonesia. Seorang Flash and Flex Developer,PHP Developer, Public Speaker, Chess and Pixel art hobbyist.

Related Posts

  1. cssfoat_icon
  2. Scroller Up
  3. Cross Browser Copy
  4. AdobeCampLogo

Responses

2 Responses

  1. Keren mas.. Itu font nya bisa dicetak untuk di motor gag mas? kan lebih keren lg klo munculnya dimotor mas :D

Add Comment

Comments Box

Iklan GRATIS (125x125)
Iklan GRATIS (125x125)
Iklan GRATIS (125x125)