<< Typografiark menu Opdateret d. 6.6.2002

Font

Mulige værdier:[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]
Brug af værdier:Ét eller flere af ovenstående egenskaber defineres.
Benyttes med:Alle HTML koder

Med denne egenskab kan man på én og samme gang definere hvordan tekst skal se ud hvad angår font, størrelse osv. Se forklaring på de enkelte egenskaber ved at klikke på dem øverst på denne side under "Mulige værdier".

Bemærk at værdierne kun er adskilt af mellemrum.

Eksempler på brug af font

P { font: 12pt/14pt sans-serif }
P { font: 80% sans-serif }
P { font: x-large/110% "new century schoolbook", serif }
P { font: bold italic large Palatino, serif }
P { font: normal small-caps 120%/120% fantasy }

Bemærk at font-size og line-height skal adskilles af /, når de begge er medtaget.

Man bestemmer selv hvor mange egenskaber man vil definere i font, men som minimum bør man medtage font-size og font-family. som f.eks.:

P { font: 14pt sans-serif }

Den kan ved første øjekast være svært at gennemskue hvilke egenskaber der hører til hvilke værdier i eksemplerne, men prøv at se eksemplerne herunder:

Eksempel
P { font: x-large/110% "new century schoolbook", 
    serif }

... har samme betydning som:

P {font-size: x-large;
   line-height: 110%;
   font-family: "new century schoolbook" }

Eksempel
P { font: bold italic large Palatino, serif }

... har samme betydning som:

P {font-weight: bold;
   font-style: italic;
   font-size: large;
   font-family: Palatino, serif }