Ziyini imindeni yamafonti ejwayelekile ku-CSS?

I-classiic font classifications etholakala ukuyisebenzisa kuwebhusayithi yakho

Uma udala iwebhusayithi, esinye sezici eziyinhloko zekhasi ozosebenzisana nalo okuqukethwe kombhalo. Njengalokhu, uma wakhe ikhasi lewebhu kanye nesitayela nge-CSS, ingxenye enkulu yalowo mzamo uzogxila kuzitayela zesayithi.

Ukuklanywa kwe-typographic kudlala indima ebalulekile ekwakheni iwebhusayithi. Okuqukethwe kuhlelwe kahle nokuhlelwa kombhalo kusiza isayithi ukuthi iphumelele ngokwengeziwe ngokudala ulwazi lokufunda oluthokoza futhi olulula ukudla. Ingxenye yemizamo yakho ekusebenzeni nohlobo kuyoba ukukhetha amafonti afanele okwakhiwa kwakho bese usebenzisa i-CSS ukwengeza lawo mafonti nezitayela zefonti ekubonisweni kwekhasi. Lokhu kwenziwa ngokusebenzisa lokho okubizwa ngokuthi "i- font-stack "

Ukufakwa kwefonti

Uma ucacisa ifonti oyisebenzisayo ekhasini lewebhu, kungumkhuba omuhle wokufaka izinketho zokubuyela emuva uma kwenzeka ukukhetha kwakho kwefonti kungatholakali. Lezi zinketho zokuwa phansi zilethwe "emgqeni wefonti." Uma isiphequluli singakwazi ukuthola ifonti yokuqala ehlwini esitokisini, ihamba elandelayo. Iyaqhubeka le nqubo ize ithole ifonti engayisebenzisa, noma iphela ngokukhetha (lapho kwenzeka khona nje ukhetha noma iyiphi inqubo yefonti efunayo). Nasi isibonelo sokuthi i-font-stack izobukeka kanjani ku-CSS uma isetshenziselwa isici "somzimba":

umzimba {font-family: Georgia, "Times New Roman", serif; }}

Qaphela ukuthi sicacisa i-font Georgia kuqala. Ngokuzenzakalelayo, yilokho ikhasi elizolisebenzisa, kodwa uma lelo fenethi lingatholakali ngesizathu esithile, ikhasi lizobuyela emuva ku-Times New Roman. Sifakela lelo gama lefonti kuzingcaphuno ezimbili ngoba igama lamagama amaningi. Amagama wegama lomuntu oyedwa, njenge-Georgia noma i-Arial, awadingi izingcaphuno, kodwa igama lamagama wefonti lamagama liyadinga ngakho isiphequluli sazi ukuthi wonke lawo magama akha igama lefonti.

Uma ubheka ukuphela kwesiteji sefonti, kufanele uqaphele ukuthi sigcina ngegama elithi "serif". Lona igama lomndeni wefonti elijwayelekile. Esikhathini esingenakwenzeka ukuthi umuntu akanalo iGeorgia noma i-Times New Roman kukhompyutheni yabo, isayithi lingasebenzisa noma yiliphi ifoni ye-serif engayithola. Lokhu kungcono ukuvumela isayithi ukuba ibuyele kunoma yikuphi amafonti ayifunayo, ngoba okungenani ungatshela ukuthi yiluphi uhlobo lwefonti oluzosetshenziswa ukuze ukubukeka jikelele kanye nezwi lomklamo we-site lizobe lihambelana ngangokunokwenzeka. Yebo, isiphequluli sizokukhetha ifonti, kodwa okungenani unikeza isiqondiso ngakho uyazi ukuthi uhlobo luni lwefonti oluzosebenza kangcono ngaphakathi kokuklama.

Imikhaya yamafonti ejwayelekile

Igama lefonti elijwayelekile elikhona ku-CSS yilo:

Ngenkathi kunezinhlobo eziningi zezintandokazi zefonti ezitholakalayo ekwakhiweni kwewebhu kanye ne-typography, kufaka phakathi i-slab-serif, i-blackletter, i-display, i-grunge, nokuningi, lawa ma-5 angaphezu kwamagama wefonti ejwayelekile ohlwini yiwo ongawasebenzisa emgqeni wefonti ku-CSS. Uyini umehluko kulezi zigaba zefonti? Ake sibheke!

Amafonti e- Cursive ngokuvamile anezinhlamvu ezincane, ezinobungane ezihloswe ukuphinda uphendule umbhalo oqoshiwe obhalwe ngesandla. Lezi zinhlamvu, ngenxa yezinhlamvu zabo ezincane, ezifucumayo, azifanelekile ibhlogo elikhulu lokuqukethwe njengekhophi yomzimba. Amafonti e-Cursive asetshenziselwa izihloko kanye nezidingo zombhalo ezimfishane ezingaboniswa ngamasayizi wefonti amakhulu.

Amafonti amafantasti amafonti ambalwa ahlaselayo angangeni nakwezinye izigaba. Amaphoyinti aphindaphinda ama-logos awaziwayo, njengezinhlamvu ezivela ku-Harry Potter noma ku-Back to the Future movie, zizowela kulolu hlobo. Ngokuphindaphindiwe, la mafonti awafanelekile okuqukethwe komzimba ngoba ngokuvamile avame ukutjengisa ukuthi ukufunda amavesi amade ombhalo obhalwe kula mafonti kunzima kakhulu ukukwenza.

Amafonti angama-monospace yiwo wonke ama-letterform afana ngokulinganayo futhi ahlukanisiwe, njengokungathi uke wathola kumshini wokubhala omdala. Ngokungafani namanye amafonti anama-width ahlukeneyo ngezinhlamvu ngokuya ngobukhulu bawo (isibonelo, inhloko "W" izothatha indawo engaphezulu kune-lowercase "i"), amafolda e-monospace amisiwe ububanzi bawo bonke abalingiswa. Lezi zinhlobo zivame ukusetshenziswa uma ikhodi iboniswa ekhasini ngoba ibukeka ngokuhluke kakhulu kunomunye umbhalo kulowo khasi.

Ama-fonti we-serif angenye yezinhlawulo ezidumile kakhulu. Lawa mafonti anemigqa emincane engaphezulu kwi-letterforms. Lezo izingcezu ezengeziwe zibizwa ngokuthi "serifs". Ama-serif ejwayelekile aseGeorgia ne-Times New Roman. Amafonti ka-Serif angasetshenziselwa umbhalo omkhulu njengokuthi uhamba kanye namavesi amade ombhalo kanye nekhophi yomzimba.

Sans-serif yisigaba sokugcina esizobheka. Lezi amafonti angenazo izigatshana ezibalulwe ngenhla. Igama lisho ukuthi "ngaphandle kwama-serif". Amafonti adumile kulesi sigaba azoba yi-Arial noma i-Helvetica. Ngokufana nama-serif, amafonti angena-serif angasetshenziselwa kahle ngokuhambisana nezihloko kanye nokuqukethwe komzimba.

Isihloko sokuqala sikaJennifer Krynin. Ihlelwe nguJeremy Girard ngo-10/16/17