Kapittel 3.1 - Definering av skrifttype

En av de enkleste og viktigste CSS elementene er myligheten til å spesifisere hvilken skrifttype som skal benyttes. For å definere en skrifttype, benyttes CSS elementet font-family, som tilsvarer HTML-flagget <font name="">. En unik egenskap ved både <font name="">-flagget og font-family elementet er at man kan liste opp skrifttyper:

CSS: 
<p style="font-family: palatino, arial, times, lucida;"> 
   Tekst 
</p> 

HTML: 
<p> 
   <font name="palatino, arial, times, lucida">Tekst</font> 
</p> 

Fordelen med å gi font-family elementet en liste med skrifttyper er at nettleseren vil vise teksten i den skrifttypen den finner først. Med andre ord forteller du at nettleseren skal vise skriften ved hjelp av skrifttypen Palatino. Hvis Palatino ikke er tilgjengelig (hvis skrifttypen ikke er installert på brukerens maskin), forsøker den Arial, osv helt til den finner en gyldig skrifttype eller til den har gått gjennom listen. Dersom den ikke finner en gyldig skrifttype, vises teksten med nettleserens standartd skrifttype.

Legg merke til at skrifttypen Arial er den samme som arial eller aRiAl. Problemet med å bruke skrifttyper er at det finnes tusenvis av skrifttyper å velge mellom, som en tilfeldig bruker kan ha installert. Det lønner seg dermed å velge skrifttyper som enhver bruker har installert på sin maskin med mindre de har avinstallert dem. Disse inkluderer Arial, Courier, Helvetica og Times.