Hoewol't bylden in soad fan 'e leafde krije as it op' e websiden komt, is it skriftlik wurd dat ropt op sykmasines en draacht de ynhâld fan de measte siden. Sa'n typografysk ûntwerp is in kritysk wichtich ûnderdiel fan webside-ûntwerp. Mei it belang fan 'e tekst fan in side komt de needsaak om te soargjen dat it goed sjocht en is maklik te lêzen. Dit is makke mei Styling fan CSS (Cascading Style Sheets).
Nei it webstee fan moderne web-ûntwerp, as jo it besjen fan tekst fan in webside fan in webside ôfdikke wolle, sille jo dit dwaan mei CSS. Dit skieden dat CSS-styl út de HTML-struktuer fan in side. As foarbyld, as jo it lettertype fan in side ynsteld hawwe oan "Arial", kinne jo dit dwaan troch de folgjende stylstyl te oanmeitsjen oan jo CSS (notysje - dit soe wierskynlik dien wurde yn in eksterne CSS-stylblêd dy't de stilen foar elke side op 'e webside):
body {font-family: Arial; }Dit lettertype is ynsteld foar it "lichem", dus sil de CSS kaskade de styl tapasse oan alle oare eleminten fan 'e side. Dit is om elk oare HTML-elemint is in bern fan it "lichem" -elemint, CSS-stilen lykas fontfamylje of kleur sil kaskade wurde fan 'e âlder nei it elemint fan' e bern. Dit sil it gefal wêze, of it moat wêze dat in bepaalde styl taheakke is foar bepaalde eleminten. It ienige probleem mei dizze CSS is dat allinich in inkele lettertype oanpast is. As dat skript net ienris fûn wurde kin, sil de browser in oare plak op syn plak ferfange. Dit is ferkeard omdat jo gjin kontrôle hawwe oer hokker lettertype brûkt wurdt - de browser sil foar jo kieze, en jo kinne net leukje wat it besletten wurd te brûken! Dat is in lettere stapke yn.
In lettertype-stap is in list mei lettertypen yn 'e CSS-lettertype-famyljeleging. De lettertypen binne opnaam yn foarkar fan foarkar dat jo graach wolle op 'e side ferskine as gefolch fan in probleem as in lettertype net laden. In lettertype-stap makket in ûntwerper om de skyn fan 'e lettertypen op' e webside te kontrolearjen sels as de kompjûter net it earste lettertype dat jo neamt hawwe.
Dus hoe bliuwt in lettertype stap? Hjir is in foarbyld:
body {font-family: Georgia, "Times New Roman", serif; }Der binne in pear dingen te besjen.
Earst, sille jo sjen dat wy de ferskillende lettertypen skieden hawwe mei in komma. tusken elk. Jo kinne as safolle lettertypen taheakje as jo wolle, sa lang as se troch in komma skiede. De blêder sil besykje it earste earste letter te laden. As dat mislearret, sil it rigel de line besykje om elke lettertype te besykjen oant it ien findet dat it brûke kin. Yn dit foarbyld brûke wy webside feilige lettertypen, en "Georgia" sil wierskynlik wurde op 'e komputer fan' e persoan dy't de side besjogge (note - de browser sjocht op jo kompjûter foar de lettertypen dy't oantsjutte binne op 'e side, dus it webstee is eigentlik te fertellen de kompjûter dy't lettertypen út jo systeem lade). As der gjin inkelde reden wie dat letter net fûn is, dan soe it stapke nei de stap en besykje it folgjende lettertype opjûn.
Mei it each op it folgjende lettertype, besjen hoe't it skreaun is yn 'e stap. De namme fan "Times New Roman", is yndield yn dûbele quotes. Dit is om't de lettertype namme meardere wurden hat. Alle lettertypen nammen mei mear as ien wurd (Trebuchet MS, Courier Nij, ensfh.) Moatte de namme hawwe yn dûbele quotes, sadat de blêder wit dat alle wurden binne ûnderdiel fan ien lettertype.
Oan 'e ein sette wy de lettertafel mei "serif", dy't in generike lettertekst is. Yn it ûngelok dat foarkommen dat gjin fan 'e lettertypen dy jo yn jo stap hawwe hawwe, beskikber binne, dan sil de browser krekt in lettertype fine dat yn elts gefal yn' e juste klassifikaasje falt dat jo keazen hawwe. As jo bygelyks as sans-serif lettertypen lykas Arial en Verdana brûke, dan as lettertype-stap mei de klassifikaasje fan "sans-serif" sil it lettertype yn 't algemiene famylje minimaal hâlde as it in probleem probleem is. Tink derom: it moat tige seldsum wêze dat in blêder gjin ien fan 'e lettertypen fynt yn' e stap en dan moatte jo dizze generike klassifikaasje brûke, it is in bêste praktyk om it allinich yn te sluten om dûbeld feilich te wêzen.
Lettertafels en webfonts
In soad websiden brûke hjoeddeistige web fonts dy't op 'e side oanmeld binne mei oare boarnen (lykas de websteeën, Javascript-bestân ensfh.) Of keppele oan by in offsite-lokaasje as Google-fonken of typekit. Wylst dizze lettertypen lade as jo ferbine mei de triemmen sels, wolle jo noch in lettertafel brûke om te soargjen dat jo in soad kontrôle hawwe oer alle problemen dy't ûntsteane. Itselde jildt foar "webfeilige" lettertypen dy 't op ien fan' e kompjûters wêze moatte (tink derom dat de lettertypen dy't wy as foarbylden yn dit artikel brûkt hawwe, wêrûnder Arial, Verdana, Georgia en Times New Roman binne alle webside feilige lettertypen dy't op in kompjûter fan persoan). Alhoewol't de wikseling fan in lettertype fermist is tige leech, as it specifearjen fan in lettertype stap sil kollega 's as typografysk in typografyske ûntwerp helpe.
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 8/9/17