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).
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>
Related Posts
Responses
2 Responses
Add Comment
Loading ...
Keren mas.. Itu font nya bisa dicetak untuk di motor gag mas? kan lebih keren lg klo munculnya dimotor mas :D
bisa saja wahyu, download saja font-nya terus masukin di windows/font/ setelah itu buka word atau photoshop dan ketik saja font-nya sesuai dengan namanya.