Dysgwch Defnyddio CSS i Newid Nodweddion Ffont
Ffontiau a CSS
CSS yw'r ffordd fwyaf effeithiol o addasu'r ffontiau ar eich tudalen we. Gallwch reoli'r teulu ffont , maint, lliw, pwysau, a llawer o agweddau eraill ar y teipograffeg.
Mae eiddo'r ffont yn CSS yn un o'r ffyrdd mwyaf cyffredin o wneud eich tudalen yn fwy nodedig ac unigryw. Mae'n hawdd newid lliw, maint, a hyd yn oed wyneb (y ffont ei hun) o'ch testun gydag eiddo ffont CSS .
- lliw
- ffont-deulu
- ffont-maint
Mae tair rhan i ffont:
- lliw
- Dyma'r lliw y bydd y ffont yn ei ddangos ar y sgrin.
- maint
- Dyma mor fawr neu fach y bydd y teipen yn ei wneud ar y sgrin.
- wyneb
- Dyma'r teulu ffont, yr hyn y cyfeirir ato yn aml fel y ffont ei hun.
Lliwiau Font
I newid lliw y testun, defnyddiwch yr eiddo arddull lliw CSS yn unig. Gallwch ddefnyddio naill ai enwau lliw neu godau hecsadegol. Fel gyda phob lliw ar y we, mae'n well defnyddio lliwiau diogel porwr .
Rhowch gynnig ar yr arddulliau canlynol yn eich tudalennau gwe:
Mae'r ffont hwn wedi'i liwio'n goch
Mae'r ffont hwn wedi'i liwio'n las
Maint y Ffont
Pan osodwch y maint ffont ar y we gallwch ei osod mewn meintiau cymharol neu fod yn benodol iawn gan ddefnyddio picsel, centimetrau neu modfedd. Fodd bynnag, bwriedir defnyddio'r meintiau ffont mwy union ar gyfer print ac nid ar gyfer tudalennau gwe, lle gallai pawb sy'n gweld eich gwefan gael datrysiad gwahanol, monitro maint, neu osod ffont diofyn. Felly, os ydych chi'n dewis 15px fel eich maint safonol, efallai na fyddwch yn synnu'n anffodus i weld pa mor fawr neu fach sy'n dychwelyd i'ch ffont i'ch cwsmeriaid.
Rwy'n argymell eich bod yn defnyddio ems ar gyfer maint y ffont . Mae Ems yn caniatáu i'ch tudalen barhau i fod yn hygyrch, waeth pwy sy'n ei weld, ac mae ems ar gyfer rendro sgrin. Gadewch eich picseli a phwyntiau ar gyfer rendro print. I newid maint eich ffont, rhowch yr arddull ganlynol yn eich tudalen we:
Mae'r ffont hwn yn 1em
y ffont hwn yw .75em
y ffont hwn yw 1.25em
Wynebau Ffont
Mae wyneb eich ffont yn yr hyn y mae llawer o bobl yn ei feddwl pan fyddant yn meddwl "ffont" Gallwch ddatgan unrhyw wyneb ffont yr hoffech ei gael, ond cofiwch, os nad oes gan eich darllenydd y ffont hwnnw, bydd ei borwr yn ceisio dod o hyd i gêm ar ei gyfer, ac ni fydd eu tudalen yn edrych fel y bwriadwyd.
Er mwyn mynd i'r afael â'r broblem hon, gallwch nodi rhestr o enwau wynebau, wedi'u gwahanu gan gomiau, er mwyn i'r porwr eu defnyddio yn ôl eu dewis. Gelwir y rhain yn stacks ffont. Cofiwch y gallai ffont safonol ar gyfrifiadur personol (fel Arial) fod yn safonol ar Macintosh. Felly, dylech bob amser edrych ar eich tudalennau â pheiriant sydd wedi'i osod leiaf (ac yn ddelfrydol ar y ddau lwyfan) er mwyn sicrhau bod eich tudalen yn edrych fel y'i cynlluniwyd hyd yn oed gyda ffontiau lleiaf posibl.
Un o fy hoff staciau ffont yw hwn. Mae'r set hon yn gasgliad ffont sans-serif ac er nad yw geneva ac arial yn edrych yn hynod debyg, maent yn eithaf safonol ar gyfrifiaduron Macintosh a Windows . Rwy'n cynnwys helvetica a helv i gwsmeriaid ar systemau gweithredu eraill megis Unix neu Linux na allai fod â llyfrgell ffontiau cadarn.
y ffont hwn yw sans-serif
y ffont hwn yw serif