Di dua tulisan sebelumnya saya sudah membahas sedikit mengenai tipografi untuk halaman web: tiga jenis font dan konsep web-safe font. Sekarang masuk ke dalam tahap eksekusi: bagaimana prakteknya mengatur tipografi halaman web melalui CSS?
Deklarasi-deklarasi CSS untuk mengelola tipografi
Ada banyak deklarasi CSS yang dapat digunakan untuk mengelola tipografi sebuah halaman web. Berikut ini yang paling sering digunakan, saya kutip dari w3school:
- f
ont-family: menentukan set font yang akan digunakan font-size: menentukan ukurang fontfont-weight: menentukan “ketebalan” fonttext-decoration: menentukan style dari fonttext-transform: merubah teks menjadi lowercase, uppercase atau capitalizetext-indent: menetukan indentasi antar texttext-align: menentukan alignment dari teks (yang di-style secara block)vertical-align: menentukan alignment vertikal dari teksline-height: menentukan jarak antar baris textletter-spacing: menentukan jarak antar huruf. set minus untuk merapatkan.word-spacing: menentukan jarak antar katacolor: menentukan warna dari text
Yang diatas ini adalah deklarasi dasar yang sudah dikenal oleh browser-browser modern standar. Jika anda ingin melangkah selangkah lebih maju, ada deklarasi-deklarasi yang baru diperkenalkan pada CSS3 yang dapat anda mulai pelajari:
text-shadow: menentukan bayangan dari tekstext-overflow: menyembunyikan text yang melebihi container tertentu- multi-column layout: membuat teks menjadi terbagi kedalam beberapa kolom
Detail langkah-per-langkah deklarasi CSS ini tidak akan saya bahas disini karena sudah ada banyak situs yang membahas hal serupa. Saya akan berikan linknya saja
Untuk detail mengenai deklarasi CSS untuk mengelola tipografi ini, saya sarankan untuk akses w3schools.com
Sedangkan untuk lebih detail mengenai CSS3, saya merekomendasikan css3.info yang membahas hampir semua informasi mengenai CSS3 yang anda butuhkan.
ArdianZzZ
22 September 2010
Bagaimana dengan
word-wrap?Setahu saya masih ada juga CSS eksperimental untuk mengoptimasi legibilitas dan antialiasing
fikrirasyid
28 September 2010
wah, kalau saya jujur saja belum bereksperimen dengan
word-wrapAMYunus
16 January 2011
wah saya lagi nyari ini. dikasih dooong
terutamauntukkalimatyangcontohnyasepertiini
saya bingung gimana menghadapinya
fikrirasyid
17 January 2011
wah, maksudnya “terutamauntukkalimatyangcontohnyasepertiini” itu bagaimana?