Tout ce que vous devez savoir sur la propriété font-weight
en HTML
La propriété font-weight
est une propriété CSS qui permet de spécifier l'épaisseur de la police de caractères à appliquer à un élément HTML. L'attribut font-weight détermine la graisse de la police à utiliser sur le texte d'un élément HTML.
Les valeurs de la propriété font-weight
La propriété font-weight
prend plusieurs valeurs qui vont de 100 à 900. La valeur par défaut est normale (400). Les valeurs intermédiaires sont généralement multiples de 100, bien qu'il n'y ait pas de règle stricte à ce sujet. La table suivante montre les valeurs les plus courantes avec leur signification :
Valeur | Signification |
---|---|
100 | Thin |
200 | Extra Light (Ultra Light) |
300 | Light |
400 | Normal |
500 | Medium |
600 | Semi Bold (Demi Bold) |
700 | Bold |
800 | Extra Bold (Ultra Bold) |
900 | Black (Heavy) |
Utilisation de la propriété font-weight sur du texte
Pour appliquer la propriété font-weight
à du texte, vous devez d'abord sélectionner l'élément HTML que vous voulez styliser. Vous pouvez le faire en utilisant l'une des sélecteurs CSS tels que id
, class
ou tag
. Par exemple, si vous voulez appliquer la graisse normale à tous les paragraphes d'un document HTML, vous pouvez utiliser le code suivant :
p {
font-weight: normal;
}
Si vous voulez appliquer une graisse plus importante au titre d'une section, vous pouvez utiliser une valeur plus élevée pour la propriété font-weight
. Par exemple :
h1 {
font-weight: bold;
}
Les valeurs spéciales de la propriété font-weight
Outre les valeurs numériques, la propriété font-weight
peut également prendre des valeurs spéciales pour définir la graisse de la police. Ces valeurs comprennent :
normal
: définit la graisse normale de la police (équivalent à 400).bold
: définit la graisse en gras (équivalent à 700).bolder
: définit une graisse plus importante que la valeur actuelle (en itérant les valeurs de graisse parmi100
,400
,700
et900
).lighter
: définit une graisse plus faible que la valeur actuelle (en itérant les valeurs de graisse parmi100
,400
et700
).
L'impact de la propriété font-weight sur l'accessibilité
La propriété font-weight
a un impact important sur l'accessibilité des pages Web. En effet, les utilisateurs malvoyants qui utilisent des lecteurs d'écran peuvent avoir besoin d'une police plus épaisse pour lire le texte. De même, les personnes souffrant de dyslexie peuvent trouver plus facile de lire un texte en gras. Il est donc important de choisir une graisse de police appropriée pour améliorer l'accessibilité d'un site Web.
Conclusion
La propriété font-weight
est une propriété CSS couramment utilisée pour contrôler l'épaisseur de la police appliquée à un élément HTML. Elle prend des valeurs numériques de 100 à 900, ainsi que des valeurs spéciales telles que normal
, bold
, bolder
et lighter
. Il est important de choisir judicieusement la graisse de la police pour améliorer l'accessibilité d'un site Web.
font-weight - CSS : Feuilles de style en cascade - MDN Web Docs
developer.mozilla.org/fr/do...font-weight - CSS : Feuilles de style en cascade - MDN Web Docs
developer.mozilla.org/fr/do...La propriété font - Apprendre HTML et CSS
www.apprendre-html-et-css.c...font-weight CSS propriété
www.zonecss.fr/proprietes-c...Font-weight - Propriété CSS
stylescss.free.fr/v2-proper...font-weight - CSS Faciles
www.css-faciles.com/liste-p...Propriété CSS font-weight - W3docs
fr.w3docs.com/apprendre-css...attribut font-weight css - Tutowebdesign
tutowebdesign.com/attribut-...La propriété CSS: font-weight - oujood.com
www.oujood.com/propriete-cs...Italique, gras, souligné… - HTML 5 & CSS 3
yard.onl/sitecollege/cours/...L'HTML font weight est un attribut HTML utilisé pour affecter la gravité d'une police. La gravité prend des valeurs allant de 100 à 900 correspondant à des niveaux allant du plus fin (100) au plus lourd (900). Les valeurs de gravité peuvent être définies en utilisant des propriétés de style ou directement dans un balisage HTML et peuvent affecter la largeur des caractères et leur apparence.
Par exemple, pour définir la gravité d'une police à 700, on peut utiliser le code suivant: Texte.
L'utilisation de ce type de balisage permet aux concepteurs de contrôler l'aspect et le style de la police et d'adapter le contenu pour l'afficher correctement et lisiblement. C'est particulièrement important lors de la conception de sites Web, car il permet aux concepteurs de personnaliser le texte pour qu'il s'adapte aux autres composants du site.
La présence d'un attribut HTML font weight est très utile car elle permet aux concepteurs de contrôler plus facilement le style et l'apparence du texte. J'ai personnellement trouvé cet attribut très utile lorsque j'ai créé un site web pour un projet pour lequel je devais rendre le texte visible et pratique. En ajustant la gravité, j'ai réussi à rendre le texte facile à lire et à comprendre.