Mysteriet skriftstørrelse 2

Skriftstørrelse er viktig for mange brukere. Innen webutvikling har skriftstørrelse ofte blitt sett på som ukomplisert. Vi har lenge anbefalt våre kunder å bruke minst 10 punkt skrift i Verdana eller andre Sans serif fonter og gjerne 12 punkt. Uansett bør skriften være skalerbar i nettleseren. På våre egne nettsider har vi alltid brukt size=2 som tilsvarer 10 punkt.

Men, punkter er det ingen som bruker lenger. I moderne webdesign er det stilsett som gjelder og her definerer man størrelser i antall pixler. Da blir vel 10 pixler det samme som 10 punkter? Dessverre er det ikke så enkelt. Her gjelder det å holde tunga rett i munnen….

- Et punkt blir ofte definert som 1/72 tomme. På en Mac er oppløsningen 72 PPI (pixler per tomme). Et punkt vil da være det samme som en pixel. Altså 12 punkt skrift er 12 pixler stor

- I Windows derimot er det 96 PPI som gjelder. I Windows vil derfor 12 punkt skrift være rundt 16 pixler stor (ganger med 1,33).

- Er man ikke oppmerksom på forskjellen setter man skriftstørrelsen til 10 pixler og ender opp med en skrift som tilsvarer 7,5 punkter i f.eks Word. Dette er svært liten skrift!

Da er det vel bare å øke størrelsen i nettleseren? Dessverre er det ikke så enkelt. Settes størreslen i pixler er det ikke mulig for brukeren å justere skriftstørrelsen. Derfor bør man heller bruke relative størrelser som “em” eller “prosent” når man setter størrelser. Disse er relative til den skriftstørrelsen som er definert som default i brukerens nettleser.

Det er selvsagt også problemer med å bruke “em” og “prosent”, men disse er langt mindre. Et eksempel er at i Internet Explorer 6.0 vil teksten blir ekstremt liten hvis man bruker EM og brukeren har stilt skriftstørrelsen i browseren sin på mindre (smaller).

Moral:

- Ikke bland pixler og punkter
- La brukeren kunne justere størrelsen på skriften i nettleseren
- Bruk minst 10 punkter/13 pixler stor skrift

Human Factors International (HFI) konkluderer med følgende etter en gjennomgang av forskningen på området:

- No Web page fonts should be less than 10-points
- Optimal reading speed for most adults will be elicited with 12-point fonts
- Most users tend to prefer sans serif fonts (Arial, Verdana)
- Older users will benefit from type sizes that are at least 14-points.

2 kommentarer

  1. Pingback: → 7 tips for god typografi på nett | IAllenkelhet
  2. jeg hadde 100% instillig men plutselig fik små skrift på internet og alt..
    klarte ikke å ordne det???

Skriv en kommentar

  • *
  • *

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Mest lest

Tid for ømhet

Det hjelper lite med kurs og kompetanse hvis vi ikke har tid. Juristen skriver dårlig, vi sender ham på skrivekurs. Saksbehandlerne eier ikke språkøre, vi arrangerer et kurs i nettskriving. [...]

  1. Prototyping i Xcode
  2. Slik jobber du strategisk med innhold
  3. Ett år og fortsatt grønnskollinger
  4. Denne våren skal du kle deg i responsiv design

Sist kommentert

Bruk nettstedsøket til å forbedre innholdet ditt

Lou Rosenfelds syv tips til hvordan du kan forbedre innholdet ved hjelp av nettstedsøket.

  1. Slik jobber du strategisk med innhold 2
  2. Effektiv bruk av brukarprofilar 6
  3. Prototyping i Xcode 1
  4. Slik jobber vi i Netlife 2