Forskrift om universell utforming av IKT-løsninger sier ikke noe spesifikt om fontvalg. Ofte velges en font basert på følelser og ikke faglig argumentasjon. Vi har jobbet frem en metode for hvordan man kan sammenligne fonter og velge en font med fokus på universell utforming. -

1. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
En font er bare en font, eller?
Nina Kristin Langseth

2. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Det er utfordrende å skulle velge
en font til et nettsted, og utvalget
er nesten uendelig. Så, hvordan gå
frem for å finne den perfekte
fonten til nettstedet ditt, og
hvorfor velge akkurat den ene?

3. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Rgtx a
Rgtx a
Overlengde
Underlengde
Åpen Lik strek-
tykkelse i
overgang
Ulik strek-
tykkelse i
overgang
Lukket
x-høyde
Overlengde
Underlengde
x-høyde
Åpen font: Verdana
Lukket font: Eurostile
Åpen eller lukket font?

4. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Våre kriterier
• Fonten skal være åpen slik at den er lettere å lese. Tegn som a, e og c
ikke gror igjen
• Det må være mulig å kunne skille mellom 1, l, I, o ,O, o og tallene 6, 8,
og 9.
• Strekktykkelse må være lik, spesielt i overgangene.
• Tydelig overlengder og underlengder på bokstavene.
• Gode bokstavmellomrom og ordmellomrom.
• Stor skriftfamilie (light, regular, italic, bold, semibold … )
Bli enig om kriteriene

5. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Forberedelser til workshop

6. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Sammenlign fontene

7. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
• Tydelige tall og spesialtegn i tekst
• Hvordan fonten passet til den visuelle identiteten
• Hvordan overgangene var utformet
Vurder igjen med fokus på detaljene

8. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Jaf Facit

9. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Testing

10. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Når man har funnet den
perfekte fonten så går alt av
seg selv. Da blir nettsiden fin
uansett, eller?

11. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

12. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Fra ingen struktur til …
x-høyde. Høyden på den delen av bokstavene som går fra skriftlinjen og
opp til toppen av liten x. Liten x brukes som målestav for bokstavenes
kjernehøyde fordi den har en rett, nøyaktig målbar over- og underkant.
Mange av de andre bokstavene har avrundet overkant som av visuelle
årsaker strekker seg litt over x-høyden. Antikva fonten har forskjellig
tykkelse på strekene og seriffer, altså små linjer øverst og nederst på
bokstaven. Disse seriffene gjør det enklere å lese, for øyet følger disse
strekene som en linje. Antikva fonten er seriøs og høytidelig. Antikva er
teksttypen man ofte ser i aviser, bøker og lignende. Grotesk font omfatter
skrifttyper uten seriffer og har som regel tilnærmet lik linjetykkelse
(monolineært skriftbilde). Grotesk blir ofte sett på som en forenklet
versjon av antikvaskriftene (derav sans serif - «uten seriffer»), men den
har røtter helt tilbake greske inskripsjoner før romerne tok i bruk seriffer.

13. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Riktig spaltebredde
x-høyde. Høyden på den delen av bokstavene som går
fra skriftlinjen og opp til toppen av liten x. Liten x
brukes som målestav for bokstavenes kjernehøyde fordi
den har en rett, nøyaktig målbar over- og underkant.
Mange av de andre bokstavene har avrundet overkant
som av visuelle årsaker strekker seg litt over x-høyden.
Antikva fonten har forskjellig tykkelse på strekene og
seriffer, altså små linjer øverst og nederst på bokstaven.
Disse seriffene gjør det enklere å lese, for øyet følger
disse strekene som en linje. Antikva fonten er seriøs og
høytidelig. Antikva er teksttypen man ofte ser i aviser,
bøker og lignende. Grotesk font omfatter skrifttyper
uten seriffer og har som regel tilnærmet lik linjetykkelse
(monolineært skriftbilde). Grotesk blir ofte sett på som
en forenklet versjon av antikvaskriftene (derav sans
serif - «uten seriffer»), men den har røtter helt tilbake
greske inskripsjoner før romerne tok i bruk seriffer

14. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Avsnitt
X-høyde. Høyden på den delen av bokstavene som går fra
skriftlinjen og opp til toppen av liten x. Liten x brukes som
målestav for bokstavenes kjernehøyde fordi denhar en rett,
nøyaktig målbar over- og underkant. Mange av de andre
bokstavene har avrundet overkant som av visuelle årsaker
strekker seg litt over x-høyden.
Antikva fonten har forskjellig tykkelse på strekene og seriffer,
altså små linjer øverst og nederst på bokstaven. Disse seriffene
gjør det enklere å lese, for øyet følger disse strekene som en
linje. Antikva fonten er seriøs og høytidelig. Antikva er
teksttypen man ofte ser i aviser, bøker og lignende.
Grotesk font omfatter skrifttyper uten seriffer og har som regel
tilnærmet lik linjetykkelse (monolineært skriftbilde). Grotesk
blir ofte sett på som en forenklet versjon av antikvaskriftene
(derav sans serif - «uten seriffer»), men den har røtter helt
tilbake greske inskripsjoner før romerne tok i bruk seriffer

15. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Mellomtitler
X-høyde
Høyden på den delen av bokstavene som går fra skriftlinjen og
opp til toppen av liten x. Liten x brukes som målestav for
bokstavenes kjernehøyde fordi denhar en rett, nøyaktig målbar
over- og underkant. Mange av de andre bokstavene har
avrundet overkant som av visuelle årsaker strekker seg litt over
x-høyden.
Antikva
Fonten har forskjellig tykkelse på strekene og seriffer, altså små
linjer øverst og nederst på bokstaven. Disse seriffene gjør det
enklere å lese, for øyet følger disse strekene som en linje.
Antikva fonten er seriøs og høytidelig. Antikva er teksttypen
man ofte ser i aviser, bøker og lignende.
Grotesk
Font omfatter skrifttyper uten seriffer og har som regel
tilnærmet lik linjetykkelse (monolineært skriftbilde). Grotesk
blir ofte sett på som en forenklet versjon av antikvaskriftene
(derav sans serif - «uten seriffer»), men den har røtter helt
tilbake greske inskripsjoner før romerne tok i bruk seriffer

16. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Med bilder
X-høyde
Høyden på den delen av bokstavene som går fra
skriftlinjen og opp til toppen av enliten x. Liten x
brukes som målestav for bokstavenes kjernehøyde
fordi denhar en rett, nøyaktig målbar over- og
underkant.
Antikva-font
Fonten har forskjellig tykkelse på strekene og
seriffer, altså små linjer øvere og nederst på
bokstaven. Disse seriffene gjør det enklere å lese, for
øyet følger disse strekene som en linje.
Grotesk-font
Font omfatter skrifttyper uten seriffer og har som
regel tilnærmet lik linjetykkelse (monolineært
skriftbilde). Grotesk blir ofte sett på som en
forenklet versjon av antikvaskriftene (derav sans
serif - «uten seriffer»).

17. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Enklere tekst
X-høyde
X-høyden er høyden på en liten x
Antikva
Font med seriffer
Grotesk
Font uten seriffer

18. ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Takk for meg!
@NkLangseth
nina.langseth@bouvet.no