Le hoja litšoantšo li fumana lerato le leholo ha li fihla liwebsaeteng, ke lentsoe le ngotsoeng le ipiletsang ho lisebelisoa tsa ho batlisisa le ho hlahisa litaba tsa libaka tse ngata. Ha ho joalo, moqapi oa typographic ke karolo ea bohlokoa ea maralo a marang-rang. Ka bohlokoa ba lengolo la sebaka ke tlhoko ea ho netefatsa hore e shebahala e le ntle ebile e bonolo ho e bala. Sena se etsoa ka setšoantšo sa CSS (Style Cascading Style).
Ho latela mekhoa ea morao-rao ea marang-rang, ha u batla ho laela ho shebahala ha sebaete sa marang-rang, u tla etsa joalo ho sebelisa CSS. Sena se arola mokhoa oo oa CSS ho tloha mohahong oa HTML oa leqephe. Ka mohlala, haeba u batla ho beha pola ea leqephe ho "Arial", u ka etsa joalo ka ho eketsa molao o latelang oa mokhoa oa hau ho CSS ea hau (note - sena se ka etsahala sechabeng sa CSS sa mokhoa o kantle o matlafatsang mekhoa bakeng sa leqephe le leng le le leng ho websaeteng):
'mele {font-family: Arial; }}Molaetsa ona o behiloe bakeng sa "mele", kahoo CSS e tla hlasela e tla sebelisa mokhoa ona ho likarolo tse ling tsohle tsa leqephe. Lebaka ke hobane karolo e 'ngoe le e' ngoe ea HTML ke ngoana oa karolo ea "'mele", mekhoa ea CSS e kang mokhoa oa feshene kapa mmala o tla tsoa ho motsoali ho ea ho motsoako oa ngoana. Sena se tla ba joalo ntle le mokhoa o itseng o tobileng bakeng sa likarolo tse itseng. Bothata feela ba CSS ena ke hore feela fonte e le 'ngoe e boletsoeng. Haeba fonte eo e ke ke ea fumanoa ka mabaka a itseng, sebapali se tla nkela sebaka se seng sebakeng sa sona. Sena se sebe hobane ha u na taolo holim'a mofuta ofe o sebelisoang - sebapali se tla u khetha, 'me u se ke ua rata seo o entseng qeto ea ho se sebelisa! Ke hona moo polelo ea font e kenang teng.
Tsela ea fonte ke lethathamo la fontsa ho phatlalatso ea lelapa la CSS. Litlhaloso li thathamisitsoe ka tatellano ea khetho eo u ka ratang hore li e hlahe setšeng ha ho na le bothata bo kang sa fonte e sa lefelloeng. Sesepa sa fonte se lumella moqapi hore a laole ponahalo ea fontsana leqepheng la websaete le haeba k'homphieutha e se na mohala oa pele oo u o letselitseng.
Ebe ponahalo ea fonte e shebahala joang? Mohlala ke ona:
'mele {font-family: Georgia, "New New Roman", serif; }}Ho na le lintho tse 'maloa tseo u lokelang ho li hlokomela mona.
Ntlha ea pele, u tla bona hore re arolelitse mabitso a fapaneng a fonte ka comma. pakeng tsa mong le o mong O ka kenya li-fonts tse ngata kamoo u ka ratang, hafeela li arohane ke li-comma. Sebapali se tla leka ho laela fonte ea pele e boletsoeng pele. Haeba seo se hlōleha, se tla theoha mola o lekang mongolo o mong le o mong ho fihlela o o fumana oo o ka o sebelisang. Mohlala ona re sebelisa li-fonts tse bolokehileng tsa marang-rang, le "Georgia" e ka fumanoa k'homphieutheng ea motho ea etelang setša (note - sebapali se shebile khomphuteng ea hau bakeng sa fonte e boletsoeng leqepheng, kahoo setša se bolela khomphuta eo e etsang hore e tsamaisoe ho tloha tsamaisong ea hau). Haeba ka mabaka a itseng polelo eo e sa fumanoe, e ne e tla theoha fatše ebe e leka fonte e latelang e boletsoeng.
Tabeng ea fonte e latelang, ela hloko hore na e ngoletsoe joang. Lebitso la "Times New Roman", le koaletsoeng ka litlhaloso tse peli. Lebaka ke hobane lebitso la fonte le na le mantsoe a mangata. Melao e meng le e meng e nang le mantsoe a fetang a le mong (Trebuchet MS, Courier New, joalo-joalo) e tlameha ho ba le mabitso a makhetlo a mabeli e le hore sebapali se tsebe hore mantsoe ao kaofela ke karolo ea lebitso le le leng.
Qetellong, re felisa stack ea pola le "serif", e leng sebopeho sa mahlahahlaha a tloaelehileng. Ketsahalong e sa lebelloang ea hore ha ho lefaele le leng le le leng leo le le ngotseng ka har'a stack ea hau le fumaneha, sebapali se tla fumana melaetsa eo bonyane e oelang ka mokhoa o nepahetseng oo u khethileng. Ka mohlala, haeba u sebelisa li-fonte tsa ser-serif tse kang Arial le Verdana, ho feta ho qeta pola ea pola le ho khetholla "sans-serif" ho tla ba le bonyane ho boloka fonte ho malapa ao ka kakaretso haeba ho na le bothata bo boholo. Ke 'nete hore e lokela ho ba ntho e sa tloaelehang haholo hore sebapali se se ke sa fumana mefuta e meng e hlalositsoeng ka har'a stack' me ho e-na le hoo e sebelise mokhoa ona oa tlhaho, ke mokhoa o motle oa ho e kenyelletsa ho sireletseha habeli.
Mongolo oa Melao le Melao ea Websaete
Mawebsaete a mangata kajeno a sebelisa fontsong ea marang-rang tse kenyelletsoeng setšeng hammoho le lisebelisoa tse ling (joaloka litšoantšo tsa site, file ea Javascript, joalo-joalo) kapa ho hokahanngoa le sebaka sa libaka tse fapaneng joaloka Google Fonts kapa Typekit. Ha melaetsa ena e lokela ho jarisoa ho tloha ha u hokahanya le lifaele, u sa ntse u batla ho sebelisa molapo oa fonte ho netefatsa hore u na le matla a ho laola litaba tse ka 'nang tsa hlaha. Ntho e ts'oanang le ea "fonte e sireletsehileng" e lokelang ho ba khomphuteng ea motho (hlokomela hore liforomo tseo re li sebelisitseng e le mehlala sehloohong sena, ho kenyeletsa Arial, Verdana, Georgia le Times New Roman, kaofela ke li-fonte tse bolokehileng tsa websaete tse lokelang ho ba ho k'homphieutha ea motho). Le hoja monyetla oa hore ho be le foromo e le sieo haholo, ho totobatsa hore ho na le stack ea fonte ho tla thusa ho bulletproof typographic site hohle kamoo ho ka khonehang.
Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard ka la 8/9/17