Beth yw'r teuluoedd ffont generig yn CSS?

Mae'r dosbarthiadau ffont generig sydd ar gael i'w defnyddio ar eich gwefan

Wrth ddylunio gwefan, un o elfennau allweddol tudalen y byddwch chi'n gweithio gyda nhw yw cynnwys testun. Fel y cyfryw, pan fyddwch yn adeiladu tudalen we a'i arddullio â CSS, bydd rhan fawr o'r ymdrech honno'n canolbwyntio ar deipograffeg y safle.

Mae dylunio tygraffeg yn chwarae rhan bwysig mewn dylunio gwefannau. Mae cynnwys testun wedi'i osod allan a'i ffurfweddu'n dda yn helpu safle i fod yn fwy llwyddiannus trwy greu profiad darllen sy'n fwynhau ac yn hawdd ei ddefnyddio. Rhan o'ch ymdrechion wrth weithio gyda math fydd dewis y ffontiau cywir ar gyfer eich dyluniad ac yna i ddefnyddio CSS i ychwanegu'r ffontiau a'r arddulliau ffont hynny i arddangosfa'r dudalen. Gwneir hyn trwy ddefnyddio'r hyn a elwir yn " font-stack "

Stacks Ffont

Pan fyddwch chi'n pennu ffont i'w ddefnyddio ar dudalen we, mae'n arfer gorau hefyd i gynnwys opsiynau wrth gefn rhag ofn na ellir dod o hyd i'ch dewis ffont. Mae'r opsiynau gwrthbwyso hyn yn cael eu cyflwyno yn y "stack font". Os na all y porwr ddod o hyd i'r ffont gyntaf a restrir yn y stack, mae'n symud i'r un nesaf. Mae'n parhau â'r broses hon nes ei fod yn darganfod ffont y gall ei ddefnyddio, neu ei fod yn rhedeg allan o ddewisiadau (os felly, dim ond yn dewis unrhyw ffont system y mae ei eisiau). Dyma enghraifft o sut y byddai ffont-ffrâm yn edrych yn CSS pan gaiff ei gymhwyso at yr elfen "corff":

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

Rhowch wybod ein bod ni'n pennu'r ffont Georgia yn gyntaf. Yn anffodus, dyma'r hyn y bydd y dudalen yn ei ddefnyddio, ond os nad yw'r ffont hwnnw ar gael am ryw reswm, bydd y dudalen yn dod yn ôl i Times New Roman. Rydym yn amgáu enw'r ffont hwnnw mewn dyfynbrisiau dwbl oherwydd ei fod yn enw aml-eiriau. Nid oes angen enwau ffont un gair, fel Georgia neu Arial, y dyfyniadau, ond mae eu hangen ar enw ffont aml-gair fel bod y porwr yn gwybod bod yr holl eiriau hynny yn ffurfio enw'r ffont.

Os edrychwch ar ddiwedd y stack ffont, dylech sylwi ein bod yn dod i ben gyda'r gair "serif". Dyna enw teuluol ffont generig. Yn y digwyddiad annhebygol nad oes gan rywun Georgia neu Times Times Roman ar eu cyfrifiadur, byddai'r safle yn defnyddio unrhyw ffont serif y gallai ddod o hyd iddi. Mae hyn yn well gan ganiatáu i'r safle fynd yn ôl i ba fath bynnag o ffontiau y mae arnoch ei eisiau, oherwydd gallwch chi ddweud o leiaf pa fath o ffont i'w ddefnyddio fel bod edrychiad a thôn cyffredinol dyluniad y safle mor gyflawn â phosibl. Ydw, bydd y porwr yn dewis ffont ar eich cyfer, ond o leiaf rydych chi'n darparu arweiniad felly mae'n gwybod pa fath o ffont fyddai'n gweithio orau o fewn y dyluniad.

Teuluoedd Font Generig

Yr enw ffont generig sydd ar gael yn CSS yw:

Er bod llawer o ddosbarthiadau ffont eraill ar gael mewn dylunio gwe a theipograffeg, gan gynnwys slab-serif, blackletter, display, grunge, a mwy, mae'r 5 uchod uchod enwau ffont generig a restrir yn rhai y byddech chi'n eu defnyddio mewn ffont-stack yn CSS. Beth yw'r gwahaniaethau yn y dosbarthiadau ffont hyn? Gadewch i ni edrych!

Mae ffontiau cyrchiadol yn aml yn cynnwys ffurflenni llythyrau tenau, addurnedig sy'n golygu dyblygu testun llawysgrifen wedi'u llawysgrifen. Nid yw'r ffontiau hyn, oherwydd eu llythyrau blodeuog tenau, yn briodol ar gyfer bloc mawr o gynnwys fel copi corff. Defnyddir ffontiau cyrchiadol yn gyffredinol ar gyfer penawdau ac anghenion testun byrrach y gellir eu harddangos mewn maint ffont mwy.

Ffontiau ffantasi yw'r ffontiau braidd braidd nad ydynt mewn gwirionedd yn syrthio i unrhyw gategori arall. Byddai ffontiau sy'n dyblygu logos adnabyddus, fel y ffurflenni llythrennau o ffilmiau Harry Potter neu Back to the Future, yn perthyn i'r categori hwn. Unwaith eto, nid yw'r ffontiau hyn yn briodol ar gyfer cynnwys y corff gan eu bod yn aml wedi'u stylio fel bod darllen darnau mwy o destun ysgrifenedig yn y ffontiau hyn yn rhy anodd i'w wneud.

Ffontiau Monospace yw'r rhai lle mae'r holl ffurflenni llythrennau yn yr un maint a'u rhyngddynt, fel y byddech wedi dod o hyd ar hen fatenen. Yn wahanol i ffontiau eraill sydd â lled amrywiol ar gyfer llythyrau yn dibynnu ar eu maint (er enghraifft, byddai "W" cyfalaf yn cymryd llawer mwy o le nag i "i"), mae ffontiau monospace yn lled sefydlog ar gyfer pob cymeriad. Defnyddir y ffontiau hyn yn aml pan fydd cod yn cael ei arddangos ar dudalen oherwydd eu bod yn edrych yn wahanol iawn na thestun arall ar y dudalen honno.

Ffontiau Serif yw un o'r dosbarthiadau mwyaf poblogaidd. Mae'r rhain yn ffontiau sydd â'r ffasiynau bach ychwanegol ar y ffurflenni llythrennau. Gelwir y darnau ychwanegol hynny yn "serifs". Ffontiau serif cyffredin yw Georgia and Times New Roman. Gellir defnyddio ffontiau Serif ar gyfer testun mawr fel pennawd yn ogystal â darnau hir o gopi testun a chorff.

Sans-serif yw'r dosbarthiad olaf y byddwn yn edrych arno. Ffontiau yw'r rhain nad oes ganddynt y lliwiau y cyfeirir atynt uchod. Mae'r enw yn golygu "heb serifs". Ffontiau poblogaidd yn y categori hwn fyddai Arial neu Helvetica. Yn debyg i serifs, gellir defnyddio ffontiau sans-serif yr un mor dda mewn penawdau yn ogystal â chynnwys y corff.

Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 10/16/17