Wakati picha zinapatikana sana kwa upendo wakati zinakuja kwenye tovuti, ni neno lililoandikwa ambalo linavutia kutafuta injini na hutoa maudhui ya tovuti nyingi. Kwa hivyo, kubuni ya uchapaji ni sehemu muhimu sana ya kubuni tovuti. Kwa umuhimu wa maandishi ya tovuti inakuja haja ya kuhakikisha kwamba inaonekana ni nzuri na ni rahisi kusoma. Hii imefanywa na CSS (Nyaraka za Sinema za Nyaraka).
Kufuatia kiwango cha kisasa cha kubuni wavuti, wakati unataka kulazimisha kuangalia kwa maudhui ya maandishi ya tovuti, utafanya hivyo kwa kutumia CSS. Hii hutenganisha mtindo wa CSS kutoka muundo wa HTML wa ukurasa. Kwa mfano, ikiwa unataka kuweka font ya ukurasa kwa "Arial", unaweza kufanya hivyo kwa kuongeza utawala wa mtindo wafuatayo kwa CSS yako (kumbuka - hii inawezekana kufanywa katika karatasi ya nje ya CSS ya karatasi inayowezesha mitindo kwa kila ukurasa kwenye tovuti):
mwili {font-familia: Arial; }Faili hii imewekwa kwa "mwili", hivyo msimu wa CSS utatumia mtindo kwa vipengele vingine vyote vya ukurasa. Hii ni kwa sababu kila kipengele cha HTML ni mtoto wa kipengele cha "mwili", mitindo ya CSS kama familia ya font au rangi itaondoka kwa mzazi hadi kipengele cha mtoto. Hii itakuwa kesi isipokuwa mtindo maalum zaidi umeongezwa kwa vipengele fulani. Tatizo pekee na CSS hii ni kwamba tu font moja ni maalum. Ikiwa font hiyo haiwezi kupatikana kwa sababu fulani, kivinjari kitasimamia mwingine mahali pake. Hii ni mbaya kwa sababu huna udhibiti juu ya fomu gani inayotumiwa - kivinjari kitakuchagua, na huenda usipenda kile kilichoamua kuitumia! Hiyo ndiyo ambapo stack ya font inakuingia.
Stack ya font ni orodha ya fonts katika tamko la familia ya CSS. Fonts zimeorodheshwa kwa utaratibu wa upendeleo ungependa waweze kuonekana kwenye tovuti ikiwa ni tatizo kama font isiyopakia. Stack ya font inaruhusu mtengenezaji kudhibiti uangalizi wa fonts kwenye ukurasa wa wavuti hata kama kompyuta haina fomu ya awali uliyoitaka.
Kwa hiyo inaonekana jinsi stack inaonekana? Hapa ni mfano:
mwili {font-familia: Georgia, "New New Roman", serif; }Kuna mambo machache yaliyotambulika hapa.
Kwanza, utaona kwamba tumewatenganisha majina tofauti ya font na comma. kati ya kila mmoja Unaweza kuongeza fonts nyingi kama unavyopenda, kwa kadri wanapoteuliwa na comma. Kivinjari kitajaribu kupakia font kwanza iliyowekwa kwanza. Ikiwa hiyo inashindwa, itapungua chini ya mstari akijaribu font kila mpaka inapata moja ambayo inaweza kutumia. Katika mfano huu tunatumia fonts salama za wavuti, na "Georgia" itaonekana kwenye kompyuta ya mtu ambaye anatembelea tovuti (kumbuka - kivinjari kinatazama kwenye kompyuta yako kwa fonti zilizotajwa kwenye ukurasa, kwa hiyo tovuti inasema kweli kompyuta ambayo inajumuisha kupakia kutoka kwenye mfumo wako). Ikiwa kwa sababu fulani kwamba font haikupatikana, ingeweza kusonga chini na kujaribu jitihada inayofuata.
Kwa suala la font ijayo, tazama jinsi imeandikwa kwenye stack. Jina la "Times New Roman", limefungwa katika quotes mbili. Hii ni kwa sababu jina la font lina maneno mengi. Majina yoyote yanayotumia maneno zaidi ya moja (Trebuchet MS, New Courier, nk) lazima iwe na jina katika quotes mbili ili kivinjari anajua kwamba maneno hayo yote ni sehemu ya jina moja la font.
Hatimaye, tunamaliza stack ya fonti na "serif", ambayo ni taaluma ya maandishi ya kawaida. Katika mfano usiowezekana kwamba hakuna fonts yoyote uliyotaja kwenye stack yako inapatikana, kivinjari hakika tu kupata font ambayo angalau inakuja katika uainishaji sahihi uliyochagua. Kwa mfano, ikiwa unatumia fonts zisizo za serif kama Arial na Verdana, kuliko kukomesha stack ya font na uainishaji wa "sans-serif" utakuwa angalau kuweka font katika familia hiyo kwa ujumla ikiwa kuna tatizo la mzigo. Kwa hakika, ni lazima kuwa nadra sana kwamba kivinjari hawezi kupata fonts yoyote iliyoorodheshwa kwenye stack na lazima badala yake itumie uainishaji huu wa generic, ni mazoezi bora ya kuiingiza hata hivyo kuwa salama mara mbili.
Nyaraka za Font na Fonti za Mtandao
Tovuti nyingi hutumia fonts za wavuti ambazo zinajumuishwa kwenye tovuti pamoja na rasilimali nyingine (kama picha za tovuti, faili ya Javascript, nk) au zinahusishwa kwenye eneo la pole la mbali kama Google Fonts au Typekit. Ingawa fonts hizi zinapaswa kupakia tangu unapounganisha na faili hizo, bado unataka kutumia stack ya font ili kuhakikisha kuwa una udhibiti wa masuala yoyote ambayo yanaweza kutokea. Kitu kimoja kinachoendelea kwa fonts za "salama za mtandao" ambazo zinapaswa kuwa kwenye kompyuta ya mtu (kumbuka kwamba fonts ambazo tumezitumia kama mifano katika makala hii, ikiwa ni pamoja na Arial, Verdana, Georgia, na Times New Roman, wote ni fonts salama za mtandao ambazo zinapaswa kuwa kwenye kompyuta ya mtu). Ingawa uwezekano wa kupoteza font ni mdogo sana, kuashiria stack ya font itasaidia kuzuia muundo wa uchapishaji wa tovuti iwezekanavyo.
Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard mnamo 8/9/17