Typografi og tegnsetting

Når man arbeider med design for web dukker det stadig opp problemstillinger. Hvordan skal man løse en gitt oppgave på best mulig måte til enhver tid. Ikke alle løsninger og problemstillinger kan formuleres som et salgsargument, men det kan være med på gi deg som kunde ideèr og tips på hva vi kan gjøre med din side. Denne artikkelen er en slik artikkel, litt inside-info om hva som skjer i bakrommet på hjemmesidene - ting du aldri egentlig tenker over som det allikevel ligger arbeide og tanker bak...

Problemstillingen

Det klassiske problemet, en designer får i oppgave å sette opp en hjemmeside uten å tenke på de begrensninger som mediet internett bærer med seg. Designet kommer på plass med bruk av tradisjonelle og flotte skrifttyper som passer designet, og som vi har sett mange ganger tidligere i trykksaker. Designet blir godkjennt av kunde, men når websiden er på plass er alle skrifttyper erstattet med Arial og Verdana...

Begrensninger på internett

Når man setter opp en nettside må man ta hensyn til endel faktorer om man vil være sikker på at siden skal fungere i alle nettlesere, for vi er vel forbi med tiden om at websider bare skal fungere i Internet Explorer. Dette betyr først og fremst å sette opp siden med korrekt og validerende HTML-kode. Deretter må man ta hensyn til hva man kan forvente at bruker har tilgjengelig for å kunne se siden. På samme måte som man trenger eks. Windows Media Player for å se filmsnutter, behøver man skrifttyper for å kunne se skrift på datamaskinen.

Hvilke skrifttyper som følger med en datamaskin avhenger av flere faktorer, men enkelte skrifttyper er som oftest å finne på dem alle. Det er her Arial og Verdana kommer inn, ettersom disse er godt representert og ser flotte ut på skjermen. (Vi skal heller ikke glemme at kanskje den viktigste årsaken til at disse to skriftene ser flotte ut på skjermen, og derfor er så populære som dem er, er at det er lagt ned spesiellt arbeide i at dem skal se flotte ut i små størrelser). Så for å gjøre en lang historie kort, hvis jeg ønsker å bruke en helst spesiell skrifttype på min hjemmside, må jeg være sikker på at du har denne skrifttypen tilgjengelig på din datamasking - vi trenger en metode for å "bake" skrifttypen med i siden.

Hvordan "bake" en font inn i siden?

Det har tidligere både fra Microsoft og Netscape blitt utviklet verktøy hvor man kan bake, eller flette om du vil, skrifttyper inn i siden slik at de automatisk blir installert når man besøker siden. Problemene rundt disse løsningene har vært mange, hvor det største problemet er at støtte i andre nettlesere (eks. Firefox og Opera) er totalt fraværende. Ikke at disse nettleserene utgjør den største prosentandelen av besøkende, men de er en økende gruppe - og du som kunde har ikke råd til å si nei til en kunde bare fordi han bruker Opera...

Ved å kombinere eksisterende teknologier som er aktive i alle moderne nettlesere er allikevel mulig å presentere en hvilket som helst skrifttype for brukeren. Det som også er viktig for løsningen er at om de teknoklogier som vi behøver ikke er tilstede, så vises den vanlige skrifttypen på siden. Systemet er altså bakoverkompatibelt, mens majoriteten vil få en flott resultat. Elegant!

Frognerkilen.no - I nye klær med "Day Roman" overskrifter

Hjemmesiden til Frognerkilen Selskapsmat er elegant og ment å stikke seg ut, noe som var en av grunnene til av vi ikke valgte hverken Arial eller Verdana når siden ble designet av oss. Istedenfor gikk valget på Book Antiqua med Georgia og New Century Schoolbook som reserve.

Og her er vi igjen tilbake til begrensninger på nettet, da vi spesifiserer 3 forskjellige skrifttyper. Dette er nødvendig ettersom vi ikke har noen garanti for at våres førstevalg eksisterer på brukerens maskin, derimot er det stor sjans for at valg nummer to, Georgia, som likner på Book Antiqua er installert. Slik fortsetter kjedet med alternative fonter, og vi kan tilføye at det er ikke bare dem 3 som er satt inn på siden, det finnes enda flere mulige reserver.

Vi bestemmte oss derfor for å gjøre designet mer konsistent ved å benytte en og samme skrifttype for alle brukere, uavhengig hva man har installert. Valget fallt da på skrifttypen "Day Roman", som du kan se eksempel på til høyre med før og etter bilde. Teknikken som benyttes krever Javascript og Flash, men om du mangler noen av disse vil overskriftene vises som tidligere, en god og bakoverkompatibel løsning.

Anti-aliasing / Kantutjevning

Teknikken som er brukt på Frognerkilen Selskapsmat gir også en annen fordel, kantutjevning. Om du ser nærmere på illustrasjonen til høyre med før og etter bilde vil du se at webfont skrifttypen er ganske kornete i motsetting til "Day Roman" skriften. Kantene er glattet ut med myke fargenyanser som er behagelig for øynene å se på.

Nå er det på sin plass å tilføye at enkelte operativsystem allerede har anti-aliasing teknologi på plass i nettleseren på vanlig tekst, eks Safari på Mac. Men for de mange av oss som sitter i Windows er ikke dette normalen. Man skal også være klar over at anti-aliasing ikke er bra å ha om teksten er veldig liten, da teksten fordt kan bli vanskelig å lese for mange, og at det derfor passer best til overskrifter.

Velg Steinhaug som partner for din nettløsning

Ved å velge Steinhaug som samarbeidspartner sikrer du deg at dine nettsider er i de beste hender, ikke bare idag - men også for fremtiden. Mer informasjon om validerende webdesign...