- Back to Home »
- -c , Pelajaran »
- Ayo, kenal lebih dekat tentang font di CSS! (Part 3)
Posted by :
Unknown
Senin, 09 Maret 2015
Yo siang kawan kawan! Kali ini gw bakal ngebahas tentang CSS (Sebenernya ini perjanjian sama -f wkwkwk). Nah, di CSS ini gw bakal ngebahas tentang fontnya dulu
He? Maksudnya apa? Kok ngebahas Font?wkwkwk, maksud gw misal kita ngetik nih dimanapun itu yang berhubungan dengan CSS. Pasti ya font standar yang dikeluarkan oleh tampilan Web Adalah : Times New Roman .
Loh? Kok bisa gitu?Haha, sebenernya ini bawaan dari browsernya sih. Kalian bisa liat di setting browser kesayangan kalian untuk mensetting type fontnya. Tapi, sekarang kan kita ngebahas tentang CSS. Nah, di CSS ini gak kaya biasanya kalo misalnya font itu pake face buat ngegantinya, kalo di CSS itu pake font-family: *nama font*; ... Err contohnya gini deh
font-family: verdana;Ya, setelah mengetik itu pada CSS maka otomatis font yang akan tertampil akan bertype Verdana (Favorit saya >.<)
Namun, perlu diketahui bahwa tidak semua PC memiliki font yang sama lho! Biasanya kan ada yang download font di internet terus pake di blognya, padahal belum tentu orang lain punya font yang kalian gunakan dan secara otomatis jika seperti itu font akan kembali default .
Terus gimana dong tipsnya?
font-family: verdana, tahoma, arial, sans-serif;Maksud dari kode diatas itu adalah misal awalnya pake font Verdana. Eh gak ke detect, yaudah di oper ke tahoma, dan ternyata tahoma juga gak kebaca, di oper ke arial terus aja gitu sampe mampus -_- . Oh iya, browser bakal kaya gitu sampe mampus pokoknya sampe ketemu font yang bisa dipake deh , sans-serif atau serif dan browser akan menggunakan font yang sesuai dengan jenis yang disebutkan (serif / sans-serif)
serif / sans-serif? apaan tuh?Dalam typography (font font gitu) jenis font dibagi menjadi 2, yaitu serif dan sans-serif
Perbedaannya apaan -_-?Serif
Errr, serif itu bisa diartikan sebagai Kait deh! Jadi disetiap sudut hurufnya kaya ada kaitnya gitu! Gini deh contohnya (maap jelek ye :v)
Tuh contohnya kaya yang diatas (yang gw panahin) kan kaya ada kail kailnya gitu diujungnya ._.
Sans-Serif
Yaaa kalo ini kebalikannya si Serif itu.. Kalo yang ini tuh keliatan dinamis dan luwes.. Fresh gitu deh! Liat font calibri aja sana :p
Oke sekarang tambahanya!
Cara menentukan ukuran font! Kita menggunakan font-size
font-size: 12px; (pixel) / font-size: 12pt; (point)
Cara menebalkan fontnya! Kita menggunakan font-weight
font-weight: bold;
Cara mengatur jarak antar huruf (edan nyesek)! Kita menggunakan letter-spacing
letter-spacing: 15px;/ letter-spacing: -2px; (menjadi lebih deket, ciee)
Cara mengatur jarak antar baris! Kita menggunakan line-height
line height: 30px;
Cara mengubah alokasi tulisannya! Kita menggunakan text-align
text-align: center;
Yaaa, kayaknya segitu dulu dari gw! Masih ada beberapa post lagi nih! Stay tune di post -c yaa! -f mah apa coba :p (Kidding -f ._.) . Oke, selamat siang dan selamat beraktifitas ^^!