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

Skifte beite? Gresset er grønnere hos oss

Sammen sprenger vi grenser for hva web kan være. Vi ser spesielt etter: Tekstforfattere, prosjektledere, designere og interaksjonsdesignere.

  1. Denne våren skal du kle deg i responsiv design
  2. Fjortisene kommer – og de vil ta jobben din
  3. UX-konferanser 2012
  4. Tverrfaglighet og typografi

Sist kommentert

Brukervennlighet vs. Sikkerhet vol. 2

Brukervennlighet vs. Sikkerhet er en unyttig kamp. Ofrer du brukervennligheten så senker du den faktiske sikkerheten. Er det på tide å legge boksehanskene på hyllen?

  1. Denne våren skal du kle deg i responsiv design 29
  2. Passordtyranniet — til glede for nye lesere 8
  3. Brukervennlighet vs Sikkerhet – en unyttig kamp? 13
  4. UX-konferanser 2012 2