Monday, April 16, 2012

Twitter Bootstrap Typography tutorial


Typography adalah seni tata tulis.

dalam bootstrap kita telah di berikan setingan untuk penulisan header, paragrap, list dan juga inline element.
typography tidaklah begitu sulit, saya cuma akan menerangkan saja supaya anda lebih mengetahui yang ada di dalam bootstrap ini.
klik link dibawah ini,






Disitu sudah lengkap sekali semua typography yang ada di bootstrap twitter, anda tinggal klik kanan dan view page source untuk melihat kode nya.

tapi semua yang ada di situ standar bawaan, kalo saya biasa menggunakan google web font untuk mempercantik halaman webnya, jika belum pernah mencoba, ini saya kasih link nya.. silahkan di coba. google.com/webfont

bingung cara make nya?
mudah kok, pilih pilih aja yang pengen kamu gunain..
jika sudah ketemu klik quick-use nanti akan muncul kode seperti ini.

---------------------------------------------------------
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
---------------------------------------------------------
masukan link code tersebut di mana aja, tapi kalo saya biasanya malah di bawah sendiri supaya memperingan bukaan pertama sebuah web.

kalo sudah anda juga akan disuguhi nama font nya.
nah masukkan saja di mana akan anda gunakan, misal
---------------------------------------------------------
&lt;p style=&quot;font-family: 'Audiowide', cursive;&quot;&gt; font kata-kata ini akan berubah &lt;/p&gt;
---------------------------------------------------------

semoga bermanfaat, ^^

Twitter Delicious Facebook Digg Stumbleupon Favorites More