Plusieurs propriétés CSS font permettent de définir la police, la graisse, la taille et le style des caractères affichés dans une page Web. Dans cet exemple :
- les caractères ont une taille supérieure de 20% à la normale (font-size: 120%) ;
- les lignes ont un espacement supérieur de 70% à la normale (line-height: 170%) ;
- les caractères sont gras (font-weight: bold), italiques (font-style: italic) et affichés en petites capitales (font-variant: small-caps) ;
- la police utilisée est Verdana ou Arial (font-family: verdana, arial).
Voici le résultat de ce code dans un navigateur :
Toutes ces propriétés peuvent être remplacées par une seule, en indiquant les propriétés dans l’ordre suivant : font-style, font-variant, font-weight, font-size/line-height, font-family.
L’instruction permettant de regrouper les six propriétés dont nous venons de parler est la suivante :
font: italic small-caps bold 120%/170% verdana,arial;
Bien entendu, cette instruction produit le même effet que les six précédentes lorsqu’elle est interprétée dans le navigateur.