Verktøy
Søk
Logg inn

Frontal Technologies

Du er her: Hjem » Ressurser » Typografi på nett

Typografi på nett

Logo for Hiorts Stiftelse Logo for Hiorts Stiftelse Foto: Lars Geithe 20©08

Typografi er utforming og behandling av skrift, bokstaver og andre grafiske elementer i trykkerfaget og i grafisk design. Begrepet brukes også om den visuelle formen på trykt tekst. Typografi er et håndverk som oppstod med boktrykkerkunsten på 1500-tallet med setting og trykking av tekst ved hjelp av ulike teknikker. Faget omfatter kunnskap om leselighet, form og innhold, skrifttyper og -størrelser, linjelengde og -avstand, formater, papir, formgivning, farge og ulike trykkteknikker.

 

 

Typografi for Internett skiller seg fra typografi for trykte medier på flere måter.

 

Viktig for lettlesthet
  • Sørge for lesbare proporsjoner.
  • Gjøre forsiktig bruk av kursiv.
  • Kapiteler (store bokstaver) bruker mere plass, er vanskeligere å lese, gir ingen visuell variasjon og kan oppfattes som "roping" (nettiquette).
  • Bold kan føre til uklarhet i bakgrunnen ved noen fonter. Brukes forsiktig og for å fremheve.
  • Serif skaper horisontal flyt, Ikke mer lesbart enn sans. Viktig med mellomrom.

 

Paragrafer
  • Venstrestilt er mest lesbart. Lett for leseren å finne hver nye linje.
  • Høyrestilt arbeider mot leseren. Det er vanskeligere å finne nye linjer. Bra for små mengder tekst.
  • Blokkjustert kan være veldig lesbart hvis avstanden mellom ord og bokstaver er konsistent og man dermed unngår store mellomrom ("rivers").
  • Sentrert tekst er formell. Bør brukes minimalt (vanlig i diktvers).

 

For bruk av typografi på Internett bør man alltid være klar over at man benytter seg av skrifttypene (fontene) som karakteriseres som "systemfonter"; dvs. fonter som er tilgjengelig på brukerens system uavhengig av om han bruker PC, Macintosh eller andre systemer.

 

Lesbarheten av teksten på Internett er avhengig av en rekke punkter:
  • Farge på teksten.
  • Bakgrunnsfargen/-bildet på dokumentet (som teksten skal ligge oppå).
  • Punktstørrelsen på teksten.
  • Tekstformateringen (kursiv, bold, understreking osv.)

 

 

Koding av norske tegn

Til tider vil man være nødt til å sette inn tekst i en hjemmeside rett i koden. Kanskje man hardkoder selve siden, eller kanskje det dreier seg om en språkmodul for en site eller portal på andre språk enn engelsk. Her vil det være avhengig av systemet du implementerer i, men hvis tegnsettet i siden av en eller annen grunn ikke støtter særnorske tegn slik som Æ, Ø og Å, så kan det være nødvendig å sette inn disse tegnene direkte i koden.

 

I starten brukte PCer 7-bits ASCII (dette står for American Standard Code for Information Interchange). ASCII (8-bits), også kjent som ANSI (American National Standards Institute) er code pages for å oversette tastetrykk til bokstaver/tegn, for å oversette tegnene til skjermen og til skriveren. ANSI og 7-bits ASCII-kode inneholdt 128 tegn totalt, inklusive de norske tegnene. Alt man i Norge trengte å gjøre var å bestemme hvilke taster på tastaturet som ble oversatt til sine respektive tegn. Her er en del av 7-bits ASCII desimalkode som inneholder de norske tegnene:

 

 

Så skjedde det noen endringer. Etterhvert ble Ø erstattet med tegnet for Yen (¥), og ø ble erstattet med tegnet for Cent (¢) etter at ASCII-koden ble utvidet med 128 nye tegn, slik at det nå utgjorde 256 tegn. Dette nye tegnsettet ble kalt 8-bits ASCII eller "Extended ASCII". Her er en del av den utvidete (8-bits) ASCII desimalkoden som inneholde de norske tegnene. Som man ser finnes den gamle koden fremdeles, mens ny kode har blitt tilføyd:

 

 

De fleste datamaskiner idag er basert på et annet system, som inkluderer alle codepages for alle tegnene som finnes idag. Denne serien med codepages heter Unicode. Siden Unicode inneholder ca. 50.000 tegn, i motsetning til de 256 tegnene som finnes i utvidet ASCII (også kjent som Latin1), trengs en større tabell. Unicode vises vanligvis som hexadesimal.

 

 

Og så kom Internett. Siden hjemmesider er basert på HTML, vises norske tegn med helt andre koder. De første HTML-kodene for norske tegn beskrev de eksisterenden tegnene ved å kombinere to eksisterende tegn for å skape et nytt. Så når nettlesere begynte å bli mer avanserte kunne man bruke de faktiske ASCII-desimalkodene for å vise de norske tegnene. Nedenfor følger en tabell som viser kodene som brukes i HTML:

 

Sist endret mandag 11. april 2011 03:44
Lars Geithe

Lars Geithe

Lars Geithe utvikler websider og online applikasjoner. I tillegg underviser han i Motion Design på NKF i Trondheim.

Nettsted: www.frontal.no E-post: Denne e-postadressen er beskyttet mot programmer som samler e-postadresser. Du må aktivere JavaScript for å kunne se adressen

Relaterte sider (etter merke)

Skrivkommentar

Felt merket med (*) må fylles ut.

Frontal
Ressurser

Hvis du savner noe på ressurssidene, så send oss en beskjed og vi skal prøve å få det med. Ta kontakt enten via on.latnorf@tsop eller vårt kontaktskjema.

  • Frontal Media

    Wordpress shortcodes. A complete guide: http://t.co/Vm1Ps77O

    lørdag 12. mai 2012 20:55

  • Frontal Media

    Frontal Media og Form til Fjells har utviklet ny hjemmeside for Rørosregionen Næringshage: http://t.co/oS2RB02v

    fredag 11. mai 2012 14:01

  • Frontal Media

    Facebook skal starte App Center: http://t.co/PaInEXdp

    torsdag 10. mai 2012 08:20

  • Frontal Media

    RT @RWW: The World is Not Quite Ready for Mobile Payments, According to MasterCard http://t.co/RGYlgRya

    onsdag 09. mai 2012 11:51

  • Frontal Media

    Principles of user interface design: http://t.co/DIJaDcVl

    tirsdag 08. mai 2012 09:20

  • Frontal Media

    13 ting du ikke visste du kunne gjøre på LinkedIn: http://t.co/zzjm3Tyi

    tirsdag 08. mai 2012 09:16

  • Frontal Media

    Eliminer all produktivitet: Angry Birds på Facebooks tidslinje - http://t.co/e6DM9yGp

    søndag 06. mai 2012 12:14

  • Frontal Media

    Alt er klart til kveldens konsert med Bertine Zetlitz i Storstuggu på Røros. Dørene åpner kl 21.

    lørdag 05. mai 2012 20:03

  • Frontal Media

    RT @1stwebdesigner: The Samsung Galaxy S III: The First Smartphone Designed Entirely By Lawyers http://t.co/zpZHSrvn

    lørdag 05. mai 2012 19:58

  • Frontal Media

    Hvordan sette sammen sin egen hadron collider: http://t.co/KKsVKoKn

    fredag 04. mai 2012 07:20