Médiaforma

Raccourcissez vos styles CSS – font

Print Friendly

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.

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply