Rabu, 08 Juni 2011

Google Font | Memanfaatkan Font Google Untuk Memperindah Tampilan Blog

Pernah lihat tampilan blog [sebenarnya bukan blog, hanya sebuah halaman] seperti pada link ini? Atau sederetan tulisan berikut yang mungkin jarang kita temui pada tampilan blog sobat.

Tulisan ini sebenarnya dipercantik dengan menggunakan Font tangerine dari Layanan Google Font.

Begitu juga dengan tulisan ini yang pake font Cabin Sketch

Kalo yang ini menggunakan font Fontdiner Swanky juga dari Google font

Tulisan-tulisan diatas dipersonalisasi dengan koleksi font Google. Caranya adalah dengan meletakkan link font yang kita inginkan dibawah tag <head> pada template blog kita. Pada blog Iskaruji dot com ini saya menggunakan 3 jenis font google, yaitu Tangerine, Cabin Sketch dan Fontdiner Swanky. Dan inilah format link font diatas;
<link href='http://fonts.googleapis.com/css?family=Tangerine|Cabin+Sketch:bold|Fontdiner+Swanky' rel='stylesheet' type='text/css'/>
Agar font Google tersebut bisa berjalan pada tulisan kita maka format penulisannya adalah sebagai berikut:
<div style="font-family:NAMA-FONT;">Tulisan kita</div>
Bandingkan dengan format penulisan saya seperti pada kalimat diatas:
<div style="font-family: 'Tangerine', Arial, serif; font-size: 400%; line-height: 0.70; text-shadow: 2px 2px 2px #777777;">Tulisan ini sebenarnya dipercantik dengan menggunakan Font tangerine dari Layanan Google Font.</div>
Tampilan blog dengan memanfaatkan font google ini akan lebih indah jika dipadu padankan dengan

ataupun


Mau lebih banyak jenis font google yang menarik? Silahkan kunjungi Memanfaatkan google font

Selamat mencoba and Happy blogging!

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons