Irudiak maitasun handia lortzen denean webguneetara iristen direnean, bilaketa motei erakartzen duen idatzizko hitza da, eta gehienetan guneen edukia egiten du. Horrela, diseinu tipografikoa diseinuaren zati garrantzitsu garrantzitsua da. Gune baten testuaren garrantzia ondo dagoela dirudi eta irakurtzeko erraza da. Hau CSS (Cascading Style Sheets) estiloarekin egiten da.
Web diseinu estandarraren ondoren, webguneko testuaren edukiaren itxura eman nahi duzunean, CSS erabiliko duzu. Honek CSS estiloa bereizten du orrialdearen HTML egitura batetik. Adibide gisa, "Arial" orriaren letra-tipo bat ezarri nahi baduzu, honela egin dezakezu estilo-arau hau zure CSS-a (hau da, hau da, hau da, ziurrenik estiloak darabilen CSS kanpoko estilo-orri batean egin beharko lirateke web orrialde bakoitzerako):
gorputza {font-family: Arial; }Letra-tipo hau "gorputz" gisa ezartzen da, beraz, CSS kaskadak estiloari aplikatuko dio orriaren beste elementu guztiei. Hau da beste HTML elementu bat "gorputz" elementuko ume bat delako, CSS motak, letra-tipo familia edo kolore bezala, gurasoaren haurraren elementuari kaskorrik egingo zaio. Hau izango da elementu jakin bat elementu jakin batzuetarako gehitu ezean. CSS honekin arazo bakarra da letra-tipo bakarra zehaztea. Iturburu hori arrazoiren batengatik ez badago, arakatzaileak beste bat ordeztuko du. Hau txarra da, zer letra-tipo erabiliko den kontrolik ez duzulako. Arakatzaileak zuretzat aukeratuko du, eta agian ez duzu gustukoa zer erabili erabakitzea. Hori dela eta, letra-tipoaren pila bat sartuko da.
Letra-tipoen letra tipoak letra-tipoen letra-tipoen letra-tipoen zerrenda da. Letra tipoak zerrendatzen dira hobespen ordena nahi baduzu gunean agertzea nahi ez baduzu, letra-tipo bat kargatu ez baduzu. Letra-tipoen letra-tipoak diseinatzaileek letra-tipoaren itxura kontrolatzen dute web orrian, nahiz eta ordenagailuak ez duen hasierako letra-tipoa deitu.
Beraz, nola egiten du letra-tipoaren itxura? Hona hemen adibide bat:
gorputza {font-family: Georgia, "Times New Roman", serif; }Hemen nabarmentzeko gauza batzuk daude.
Lehenik eta behin, komaz bereizitako letra-izen desberdinak bereiztuko dituzu. Bakoitzaren artean Nahi dituzun letra tipoak gehi ditzakezu, betiere komaz bereizten diren bitartean. Arakatzaileak lehenik eta behin zehaztutako lehen letra kargatzen saiatuko da lehenik. Horrek huts egiten badu, letra bakoitza probatzen duen lerroa behera egingo du, erabili ahal izateko. Adibide honetan web bidezko letra-tipo seguruak erabiltzen ari gara, eta "Georgia" litekeena da webgunea bisitatzen ari den pertsonaren ordenagailuan aurkitzen dela (oharrak - nabigatzaileak zure ordenagailuan agertzen du orrian zehaztutako letra-tipoak, beraz, guneek benetan esaten dute zure sistematik kargatzeko letra-tipoak dituen ordenagailua). Zenbait arrazoi letra-tipo hori ez bada aurkitzen, pila beherantz mugituko litzateke eta hurrengo letra tipoa zehaztu.
Hurrengo letra-tipoari dagokionez, nabarituko nola pilatuta dago. "Times New Roman" izenaren izena komatxo bikoitzetan dago. Hau da, letra-izenak hitzak baino gehiago dituelako. Hitz bat baino gehiago dituzten letra-tipoen izenak (Trebuchet MS, Courier New, etab.) Komatxo bikoitzean izena eduki behar dute arakatzaileak hitz horiek guztiek letra-tipoaren izenaren zati direla dakite.
Azkenean, "serif" letra-tipoa bukatzen dugu, hau da, letra-tipoaren sailkapen orokorra. Ezinezkoa den kasuetan, zure pilaan izendatutako letra-tipo bat ere ez dago erabilgarri, arakatzaileak aukeratutako sailkapenean sartuko diren gutxieneko letra bat besterik ez du aurkitu. Adibidez, Arial eta Verdana bezalako sans-serif letra-tipoak erabiltzen badituzu, "sans-serif" sailkapeneko letra-tipoaren bukaerak baino ez du gutxieneko letra-tipo orokorra gordeko, baldin eta karga arazo bat badago. Benetan, oso arraroa izan behar da arakatzaileak ezin duela aurkitu pilatutako zerrendako letra-tipoetako bat eta, horren ordez, sailkapen generiko hau erabili behar du, hala ere bi modu seguruetan sartzeko praktika onena da.
Font Stacks eta Web Fonts
Gaur egun webgune askok erabiltzen dituzte web orrialdeak, beste baliabide batzuekin batera (gunearen irudiak, Javascript fitxategia, etab.) Edo Google Fonts edo Typekit bezalako gune iturrietan estekatuta daude. Letra-tipo horiek kargatu behar dituzunean fitxategiei lotzen zaizkienez gero, letra-tipoaren pila bat ere erabili nahi duzu sor daitezkeen arazoei buruzko kontrola izan dezazun. Gauza bera gertatzen da norberaren ordenagailuan dagoen "web seguru" letra-tipoak egitea (kontuan izan artikulu honetan adibide gisa erabiltzen ditugun letra-tipoak, Arial, Verdana, Georgia eta Times New Roman, web fonts seguru guztiak izan behar direla pertsona baten ordenagailuan). Nahiz eta letra-tipo bat falta den, oso txikia den arren, letra-tipoaren arabera, ahalik eta balizko gunearen diseinu tipografikoari aurre egiten lagunduko dio .
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/08/17