Er bod delweddau yn cael llawer o'r cariad pan ddaw i wefannau, dyma'r gair ysgrifenedig sy'n apelio at beiriannau chwilio ac yn cynnwys cynnwys y rhan fwyaf o safleoedd. O'r herwydd, mae dylunio teipograffig yn rhan hollbwysig o ddylunio gwefannau. Gyda phwysigrwydd testun y wefan, dyma'r angen i sicrhau ei fod yn edrych yn dda ac yn hawdd ei ddarllen. Gwneir hyn gyda steil CSS (Cascading Style Sheets).
Yn dilyn safon ddylunio gwe modern, pan fyddwch chi am bennu golwg cynnwys testun gwefan, byddwch yn gwneud hynny gan ddefnyddio CSS. Mae hyn yn gwahanu'r arddull CSS honno o strwythur HTML tudalen. Fel enghraifft, pe baech eisiau gosod ffont tudalen i "Arial", gallech wneud hynny trwy ychwanegu'r rheol arddull ganlynol i'ch CSS (nodyn - byddai hyn yn debygol o gael ei wneud mewn dalen arddull CSS allanol sy'n pwerau'r arddulliau ar gyfer pob tudalen ar y wefan):
corff {font-family: Arial; }Gosodir y ffont hwn ar gyfer y "corff", felly bydd rhaeadr CSS yn cymhwyso'r arddull i holl elfennau eraill y dudalen. Y rheswm am hyn yw bod pob elfen HTML arall yn blentyn i'r elfen "corff", bydd arddulliau CSS fel teulu ffont neu liw yn rhaeadru o'r rhiant i'r elfen plentyn. Bydd hyn yn wir oni bai bod arddull fwy penodol yn cael ei ychwanegu ar gyfer rhai elfennau. Yr unig broblem gyda'r CSS hwn yw mai dim ond un ffont a bennir. Os na ellir dod o hyd i'r ffont hwnnw am ryw reswm, bydd y porwr yn rhoi lle arall yn ei le. Mae hyn yn wael oherwydd nad oes gennych reolaeth dros ba ffont sy'n cael ei ddefnyddio - bydd y porwr yn dewis i chi, ac efallai na fyddwch chi'n hoffi beth y penderfynodd ei ddefnyddio! Dyna lle mae stack ffont yn dod i mewn.
Rhestr o ffontiau yn y datganiad ffont-teulu CSS yw stack ffont. Mae'r ffontiau wedi'u rhestru yn nhrefn blaenoriaeth yr hoffech iddynt ymddangos ar y safle rhag ofn problem fel ffont nad yw'n llwytho. Mae stack ffont yn caniatáu i ddylunydd reoli edrychiad y ffontiau ar y dudalen we hyd yn oed os nad oes gan y cyfrifiadur y ffont gychwynnol yr ydych yn galw amdano.
Felly sut mae stack ffont yn edrych? Dyma enghraifft:
corff {font-family: Georgia, "Times New Roman", serif; }Mae ychydig o bethau i'w sylwi yma.
Yn gyntaf, byddwch yn gweld ein bod wedi gwahanu'r gwahanol enwau ffont gyda choma. Rhwng pob un Gallwch chi ychwanegu cymaint o ffontiau ag yr hoffech, cyn belled â'u bod wedi'u gwahanu gan goma. Bydd y porwr yn ceisio llwytho'r ffont gyntaf a bennir yn gyntaf. Os bydd hynny'n methu, bydd yn rhedeg i lawr y llinell yn ceisio pob ffont hyd nes ei fod yn darganfod un y gall ei ddefnyddio. Yn yr enghraifft hon, rydym yn defnyddio ffontiau diogel ar y we, a bydd "Georgia" yn debygol o gael ei ganfod ar gyfrifiadur y person sy'n ymweld â'r safle (nodyn - mae'r porwr yn edrych ar eich cyfrifiadur ar gyfer y ffontiau a bennir ar y dudalen, felly mae'r safle'n dweud y cyfrifiadur sy'n fflachio i'w lwytho o'ch system). Os am ryw reswm na ddarganfuwyd y ffont, byddai'n symud i lawr y pentwr a rhowch gynnig ar y ffont nesaf a bennir.
O ran y ffont nesaf hwnnw, rhowch wybod sut mae'n cael ei ysgrifennu yn y stack. Mae enw "Times New Roman" yn cael ei amgáu mewn dyfynbrisiau dwbl. Mae hyn oherwydd bod enw'r ffont yn cynnwys geiriau lluosog. Rhaid i unrhyw enwau ffontiau sydd â mwy nag un gair (Trebuchet MS, Courier New, ac ati) gael yr enw mewn dyfynbrisiau dwbl fel bod y porwr yn gwybod bod yr holl eiriau hynny yn rhan o un enw ffont.
Yn olaf, rydym yn gorffen y stack ffont gyda "serif", sef dosbarthiad ffont generig. Yn yr achos annhebygol nad oes unrhyw un o'r ffontiau a enwir gennych yn eich stack ar gael, bydd y porwr yn dod o hyd i ffont sy'n disgyn o leiaf i'r dosbarthiad priodol yr ydych wedi'i ddewis. Er enghraifft, os ydych chi'n defnyddio ffontiau sans-serif fel Arial a Verdana, na fydd dod i ben â stack ffont gyda dosbarthiad "sans-serif" yn cadw'r ffont yn y teulu cyfan os bydd problem llwyth. Yn gyfaddef, dylai fod yn brin iawn na all porwr ddod o hyd i unrhyw un o'r ffontiau a restrir yn y stack a bod yn rhaid iddynt ddefnyddio'r dosbarthiad generig hwn yn lle hynny, mae'n arfer gorau i'w gynnwys beth bynnag, dim ond i fod yn ddwywaith yn ddiogel.
Stacks Ffont a Chyffyrddau Gwe
Mae llawer o wefannau heddiw yn defnyddio ffontiau gwe sydd naill ai wedi'u cynnwys ar y safle ynghyd ag adnoddau eraill (fel delweddau'r safle, ffeil Javascript, ac ati) neu eu cysylltu â nhw mewn lleoliad ffont oddi ar y safle fel Google Fonts neu Typekit. Er y dylai'r ffontiau hyn lwytho ers eich bod yn cysylltu â'r ffeiliau eu hunain, rydych chi eisiau defnyddio stack ffont er mwyn sicrhau bod gennych chi reolaeth dros unrhyw faterion a allai godi. Mae'r un peth yn mynd am ffontiau "gwe ddiogel" a ddylai fod ar gyfrifiadur rhywun (nodwch fod y ffontiau a ddefnyddiwyd gennym fel enghreifftiau yn yr erthygl hon, gan gynnwys Arial, Verdana, Georgia, a Times New Roman, yn holl ffontiau diogel ar y we a ddylai fod ar gyfrifiadur person). Er bod y tebygolrwydd y bydd ffont ar goll yn isel iawn, bydd pennu stack ffont yn helpu i fwrw dylunio typograffeg y safle gymaint â phosib.
Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 8/9/17