Médiaforma

Raccourcissez vos styles CSS – font

Partagez cet article sur vos réseaux

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.

 
Commentaires

Aucun commentaire pour l'instant.

Laissez un commentaire