Pour les textes en gras / bold et en italique / italic
taille de police
Nous avons déjà couvert les unités de taille CSS, qui servent entre autres à définir la taille de la police.
p { font-size: 16px;}N’oubliez pas que définir une taille de police de 16px ne donnera pas à chaque lettre une hauteur de 16px. La taille réelle de chaque lettre dépend de la famille de polices utilisée.
le style de police / font-style
Cette propriété peut rendre votre texte en italique / italic :
h2 { font-style: italic;}Valeur par défaut : font-style: normal;.
Une autre valeur possible est oblique mais n’est jamais utilisée.
graisse de la police – font-weight
Cette propriété peut rendre votre texte en gras / bold :
h2 { font-weight: bold;}Valeur par défaut : font-weight: normal;.
Selon la font-family utilisée, une gamme de graisse est disponible, allant de 100 à 900:
font-weight: 100 /* Thin */</span>
font-weight: 200 /* Extra Light */
font-weight: 300 /* Light */
font-weight: 400 /* = font-weight: normal; */
font-weight: 500 /* Medium */
font-weight: 600 /* Semi Bold */
font-weight: 700 /* = font-weight: bold; */
font-weight: 800 /* Extra Bold */
font-weight: 900; /* Ultra Bold */Très peu de polices fournissent les 9 graisses. La police police Exo en fait partie.
Vous trouverez principalement 400 (normal) et 700 (gras), et parfois 300 (léger) et 500 (moyen).
variante de police / font-variant
Cette propriété transforme votre texte en petites capitales / small caps :
h2 { font-variant: small-caps;}Valeur par défaut : font-variant: normal;.
Ce n’est pas une propriété largement utilisée.