CSS : Font-Style / Font-Stack
Okay, korang tak rock kalo machine (PC/Notebook) korang kalau tak install font Segoe UI, sebab hari ini aku telah twist sikit CSS aku untuk adapt dengan font yang tak berapa nak baru ini. Actually bagi pengguna Vista, font Segoe UI ni sebenarnya dah sedia ada, cuma dalam sedar tak sedar jek kewujudannya dalam computer korang. Namun tidak bagi mereka yang peka IT dan Art, font merupakan element penting dalam design, dan aku rasa ramai yang bersekepala bahawa takde font design tu takkan nak best.
Berbalik kepada tajuk posting, hari ini aku nak pass sikit penemuan aku hari ini dalam CSS, bagi font-style properties. Sebenarnya ia lebih kepada gamble untuk tetapkan font ni, if machine anda semua takde font Segoe UI, browser anda akan display font Trebuchet MS, kalau takde jugak, ia akan revert kepada Arial, and kalau takde jugak sila kapak machine anda.
Lebih kurang macam ni la implementation dia :
font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; /*wrote by : Ikram Hakimi */
daripada snippet code kat atas, aku rasa korang boleh paham ape yang aku explain dalam paragraph sebelum tu. Seperti yang aku katakan, ianya lebih kepada gamble, tak jumpa font Segoe UI, dia akan pergi kepada Trebuchet MS, dan seterusnya ke font Arial.
Bagi pengguna Adobe Dreamweaver CS4, korang akan dapat list yang panjang berjela (its called font-stack) untuk font yang available bila korang type css:font-family properties ni. Dari kajian aku jugak, font-font yang available tu disebabkan standart font yang dah establish seperti Lucida Console, Monaco, Trebuchet, dan banyak lagi. Ada jugak teknologi web yang dapat membantu korang untuk apply font yang berbagai kat web, sIFR (Scalable Inman Flash Replacement) adalah contoh yang terbaik yang sudah aku try, tapi tak pernah lagi apply kat mana-mana project sebab disyaki melembabkan proses loading (ek?).
Ulangkaji tambahan :
- w3schools.com – CSS font-family Property
- codestyle.org – Build better CSS font stacks
- 24ways.org - Increase Your Font Stacks With Font Matrix
- google.com – Search Result on “CSS : Font-Stack”
- unitinteractive.com – Better CSS Font Stacks
Segoe? Cantik font sans-serif ni. =D
Ada artikel tentang font-family ni, tapi pelik sebab orang tak panggil dia font-family. Aku sendiri pun naik bingung. -_- Font Stack
@xun
nanti aku banje ko mcD
@mohdisa
tak terer sangat nk ajar orang, share sikit mana yg tau tu boleh la
@bat
huhu, cantikkan? dah baca dah pasal font-stack tu,
and ubah tajuk posting bagi sesuai skit, thanks bat!
pasal font ni tak tahu sgt, tambah kalau nak guna dalam css. sorry lah baru nak belajar skit2 pasal design ni. klu boleh nak juga merasa tunujuk ajar dari bro.
kacak.
peh! sembang font lening! hahah pepehal menarik2, paling menarik font titile IKRAMHAKIMI kt atas tu, berkenan betul aku
@razifmustapha
hahaha, amek aura popshovans skit,
adjust letterspacing bagi rapat kacip skit
seriously, aku tak penah guna Segoe UI sebagai font family. huhu.. guna helvetica, trebuchet, georgia dan paling aku suka, calibri.. haha.. arial memang aku tak minat sebab macam da ramai sangat guna.. tapi kalau web MFA, ramai guna arial sbg font family tu.. sebab sama macam iklan adsense.. CTR dapat tinggi cket..
kena wat post pasal typo lak ni bos.. hee..
@baloot
hahha, Segoe ni aku gune sbb ia dah jadi mcm common font jugak sbnr. Calibri pun ok, tapi mcm kecik sangat size dia utk 11px.
pasal font? ayak…
kool! nampaknya aku juga kena kumpul byk font utk web dev ha3. thanks 4 the info.
ps – blh tunjuk ajar macam mana nak linkkan stylesheet ( 960 grid system) dgn fail induk (index.php)? memandangkan ko guna utk theme ini.
@megat
actually saya just design web ni menggunakan 960gs Photoshop template, dan
untuk implementation tu saya byk refer dari design tu dan alhamdulillah ia memudahkan untuk sy code CSS sy.