font-weight
La propriété font-weight permet de définir la graisse utilisée pour le texte. Certaines fontes n'existent qu'avec les niveaux de graisses normal et bold.La propriété font-weight peut être définie grâce à l'un des mots-clés suivants :
- normal Le niveau de graisse normal pour la fonte. Équivalent à la valeur 400.
- bold Le texte est en gras. Équivalent à la valeur 700.
- lighter On diminue la graisse d'un niveau par rapport à l'élément parent (selon les fontes / graisses disponibles pour la police utilisée). Le texte paraît plus fin.
- bolder On augmente la graisse d'un niveau par rapport à l'élément parent (selon les fontes / graisses disponibles pour la police utilisée). Le texte est plus gras.
- 100, 200, 300, 400, 500, 600, 700, 800, 900 Des valeurs numériques qui permettent de couvrir un éventail de valeurs plus larges qu'avec normal et bold.
Si une fonte avec la graisse demandée n'est pas disponible, le moteur suit la méthode suivante pour déterminer la fonte qui sera affichée :
Si un niveau supérieur à 500 est utilisé, c'est la graisse la plus sombre et la plus proche qui sera utilisée (la plus proche s'il n'y a pas de graisse plus forte)
Si un niveau inférieur à 400 est utilisé, c'est la graisse la plus claire la plus proche qui est utilisée (la plus proche s'il n'y a pas de graisse plus claire)
Si un niveau égal à 400 est utilisé, 500 sera utilisé. Si 500 n'est pas disponible, on utilisera la méthode de calcul sur un niveau inférieur à 400.
Si un niveau égal à 500 est utilisé, 400 sera utilisé. Si 400 n'est pas disponible, on utilisera la méthode de calcul sur un niveau inférieur à 400. Autrement dit, pour les fontes dont les niveaux de graisse sont uniquement normal et bold, 100-500 seront considérés équivalents à normal et 600-900 à bold.
Autrement dit, pour les fontes dont les niveaux de graisse sont uniquement normal et bold, 100-500 seront considérés équivalents à normal et 600-900 à bold.
Lorsqu'on utilise les valeurs lighter ou bolder, on peut utiliser le tableau suivant pour calculer le poids absolu de l'élément :
Valeur héritée | bolder | lighter |
100 | 400 | 100 |
200 | 400 | 100 |
300 | 400 | 100 |
400 | 700 | 100 |
500 | 700 | 100 |
600 | 900 | 400 |
700 | 900 | 400 |
800 | 900 | 700 |
900 | 900 | 700 |
Les valeurs allant de 100 à 900 correspondent environ aux noms suivants, communément utilisés pour désigner les variantes de fonte, selon la graisse, d'une même police.
- 100 thin
- 200 extra light
- 300 light
- 400 normal
- 500 medium
- 600 semi bold
- 700 bold
- 800 extra bold
- 900 black