Ukucacisa Uchungechunge Lwemindeni Yezinhlamvu Nge-CSS Impahla Yomndeni-Impahla

I-Syntax ye-Font-Family Property

Ukuklanywa kwe-typographic kuyisiqephu esibaluleke kakhulu somkhiqizo wewebhusayithi ophumelelayo. Ukudala amasayithi anombhalo olula ukufunda futhi obheka kakhulu imigomo yazo zonke izici ze-web design. Ukufeza lokhu, kuzodingeka ukwazi ukusetha amafonti athile ofuna ukuwasebenzisa kumakhasi akho ewebhu. Ukuze ucacise uhlobo lwegama noma umndeni wefonti kumadokhumenti akho wewebhu uzosebenzisa impahla yesitayela somndeni ku-CSS yakho.

Isitayela sefonti-somndeni esilula ongawasebenzisa singabandakanya umndeni owodwa wefonti:

p {font-umndeni: i-Arial; }}

Uma ufake lesi sitayela ekhasini, zonke izigaba zizoboniswa emndenini wefonti "ye-Arial". Lokhu kuhle futhi kusukela "i-Arial" yiyona eyaziwa ngokuthi "ifonti ephephile yewebhu", okusho ukuthi iningi (uma kungenjalo) ikhompyutha ingawufaka, ungahle uphumule kalula ukwazi ukuthi ikhasi lakho lizobonisa efonini ehlosiwe .

Ngakho kwenzekani uma ifonti oyikhethayo ayitholakali? Isibonelo, uma ungasebenzisi "i-web ephephile ifonti" ekhasini, umshini womsebenzisi uthini uma bengenayo leyo festile? Benza ukufaka endaweni.

Lokhu kungabangela amanye amakhasi ahlekisayo kakhulu. Ngake ngaya ekhasini lapho ikhompuyutha yami iboniswe khona ngokuphelele ku-"Wingdings" (isethi-isethi) ngoba ikhomputha yami yayingenayo ifonti umthuthukisi ayeyicacisile, futhi isiphequluli sami senze ukhetho olubi kakhulu kunoma iyiphi ifonti sebenzisa njengengxenye esikhundleni. Leli khasi alifundekanga ngokuphelele kimi! Yilapho i-stack yefonti iqala khona.

Imikhaya Yenkambiso Yamafayili Ehlukene Nge-Comma ku-Font Stack

I-"stack stack" uhlu lwamafonti ofuna ikhasi lakho liwusebenzise. Ungabeka izinketho zakho zefonti ngendlela oyithandayo futhi uhlukanise ngamunye nge-comma. Uma isiphequluli singenayo umndeni wokuqala wefonti ohlwini, izozama okwesibili bese kuthi yesithathu njalo njalo ize ithole enye inaso ohlelweni.

umndeni wefonti: i-Pussycat, i-Algerian, i-Broadway;

Kulesi sibonelo esingenhla, isiphequluli sizoqala ukubuka ifonti "ye-Pussycat", bese kuthi "i-Algerian" bese "Broadway" uma engekho amanye amafonti atholakele. Lokhu kukunika ithuba lokuthi okungenani eyodwa yamafonti wakho akhethiwe izosetshenziselwa. Akukona okuphelele, yingakho sinezinto eziningi esingayengeza kwi-font stack yethu (funda ku-!).

Sebenzisa ama-Generic Fonts Last

Ngakho ungakha isitaki sefonti ngolwazi lwamafonti futhi awunaso isiphi isiphequluli esingasithola. Ngokusobala awufuni ukuthi ikhasi lakho libonise ukuthi alifundiwe uma isiphequluli senza ukukhetha okungcono esikhundleni sendawo. Ngenhlanhla i-CSS inesixazululo salokhu futhi: amafonti ajwayelekile .

Kufanele ugcine njalo uhlu lwakho lwezintambo (ngisho noma luhlu lomndeni owodwa noma amafonti aphephile kuphela ewebhu) ngefonti yobudala. Kukhona amahlanu ongayisebenzisa:

Izibonelo ezimbili ezingenhla zingashintshwa zibe:

umndeni wefonti: Arial, sans-serif; umndeni wefonti: i-Pussycat, i-Algerian, i-Broadway, i-fantasy;

Amanye amagama omndeni wefonti amagama amabili noma ngaphezulu

Uma umndeni wefonti ofuna ukuyisebenzisa ungaphezu kwelilodwa igama, kufanele ulizungeze ngamamaki amabili okucaphuna. Ngenkathi ezinye iziphequluli zingakwazi ukufunda imindeni yefonti ngaphandle kwamamaki okucaphuna, kungase kube nezinkinga uma indawo ye-whites igodliwe noma inganakwa.

umndeni wefonti: "Times New Roman", serif;

Kulesi sibonelo, ungabona ukuthi igama lefonti elithi "Times New Roman", eliyizwi elinamagama amaningi, ligxile kumacaphuno. Lokhu kusitshela isiphequluli ukuthi wonke lawa magama amathathu ayingxenye yelo gama lefonti, ngokumelene namafonti amathathu ahlukene wonke ngamagama wegama elilodwa.

Isihloko sokuqala sikaJennifer Krynin. Ihlelwe ngomhlaka 12/2/16 nguJeremy Girard