Home » css3 » [CSS3] font face

Sabtu, 17 Maret 2012

[CSS3] font face

di 04.36
font face merupakan fitur terbaru dari css yang memudahkan kamu dalam menggunakan jenis huruf yang tidak normal dalam menulis di internet. untuk blogspot sendiri sudah mendukung custom font ini dalam template bawaannya. namun kamu juga bisa menggunakan cara manual jika kamu menggunakan template buatan sendiri, mendownload di internet, atau jenis font yang diinginkan tidak terdapat dalam database blogger. ok, di sini saya akan menggunakan google webfont sebagai contoh. namun pada umumnya kamu bisa menggunakan layanan lain yang bertebaran di internet.

pertama, silahkan masuk ke google webfont. lalu klik di start choosing fonts.

pilih huruf yang kamu inginkan, klik add to collection. kamu bisa memilih beberapa huruf di bagian ini.



setelah selesai memilih, klik use di pojok kanan bawah. di sini kamu akan ditunjukkan jumlah waktu yang dibutuhkan jika menggunakan font yang dipilih. gunakanlah font yang loading time nya ringan.



langsung menuju ke step 3, silahkan copy script yang ada pada tab standard. lalu paste pada templatemu di bawah tag <head>
contoh :
<link href='http://fonts.googleapis.com/css?family=Italiana' rel='stylesheet' type='text/css'/>

silahkan copy css yang ada pada step 4, lalu paste pada bagian yang diinginkan.
contoh :
*
{
 font-family: 'Italiana', serif;
}

sekian artikel mengenai css font face dari saya, jika ada pertanyaan silahkan tinggalkan komentar melalui form di bawah ini :

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)