TransOnline-bloggen: Språk, skriving og e-publisering

Skalerbare skriftstørrelser i CSS-filer

leave a comment »

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%

Written by Solveig Hansen

11.9.2006 kl. 19:59

Publisert i Webdesign

Hva mener du?

Fyll inn i feltene under, eller klikk på et ikon for å logge inn:

WordPress.com-logo

Du kommenterer med bruk av din WordPress.com konto. Logg ut / Endre )

Twitter picture

Du kommenterer med bruk av din Twitter konto. Logg ut / Endre )

Facebookbilde

Du kommenterer med bruk av din Facebook konto. Logg ut / Endre )

Google+ photo

Du kommenterer med bruk av din Google+ konto. Logg ut / Endre )

Kobler til %s

%d bloggers like this: