Skalerbare skriftstørrelser i CSS-filer
Vanlig brukte skriftstørrelser på websider er 10px og 12px. Standard skriftstørrelse i nettlesere er 16px = 100 %. Hvis du vil bruke 12px som standard (i «body») i CSS-filen, men la størrelsen være skalerbar, bruker du en størrelse på 75% eller 0.75em. Regnestykke: 12 / 16 = 0,75 = 75 %. Vil du bruke 10px, blir prosenten 62,5.
10px: font-size: 62.5% eller font-size: 0.625em
12px: font-size: 75% eller font-size: 0.75em
Bruker du 10px i «body» og senere vil bruke 12px for eksempel i en overskrift, angir du 120% eller 1.2em.
Regnestykke: 10px = 100 %. 12 / 10 = 1,2.
Hvorfor ikke bare bruke de faste størrelsene 10px og 12px? Svar: Av hensyn til brukervennligheten. Brukeren vil kanskje ikke kunne overstyre/skalere skriftstørrelsen i sin nettleser hvis du bruker faste skriftstørrelser i CSS-filen.
Kjapp oversikt:
6pt = 8px = 0.5em = 50%
7pt = 9px = 0.55em = 55%
7.5pt = 10px = 0.625em = 62.5%
8pt = 11px = 0.7em = 70%
9pt = 12px = 0.75em = 75%
Hva mener du?