Définit la graisse (épaisseur) de la police de caractères à appliquer à l'élément. Le système de classification des graisses CSS est extrêmement précis et, si la plupart des navigateurs ne sont pas en mesure de reproduire à l'écran les graisses les plus subtiles, celles-ci se justifient lors de l'impression des contenus. Ce système utilise une échelle numérique allant de 100 à 900, par incréments de 100. Ainsi, 100 correspond à la graisse (font-weight) la plus fine pouvant être affichée et 900 à la plus épaisse. L'attribut normal (graisse par défaut de n'importe quelle police) équivaut à une valeur de graisse (font-weight) de 400; l'attribut standard bold (gras) équivaut à 700. D'autres paramètres (bolder et lighter) vous permettent de spécifier une graisse dont la valeur est relative à celle de l'élément parent.

Les spécifications CSS2 comportent un guide des correspondances entre les graisses et les noms des polices, ainsi que les caractéristiques internes de certains formats de définition de police. Par exemple, le format de la définition de police OpenType dispose de neuf emplacements pour les graisses. Dans ce cas, les valeurs numériques de l'attribut font-weight correspondent directement aux définitions de graisse de cette police. S'il existe, dans la famille de polices, une police dont le nom contient le mot Medium et une autre libellée Book, Regular, Roman ou Normal, une correspondance est automatiquement établie entre la police Medium et la graisse 500 (l'autre police correspondant à 400). Toutes les polices comportant le mot Bold se voient attribuer la valeur de graisse 700. Si une famille de polices ne dispose pas de la totalité des neuf graisses, le navigateur effectue la meilleure interpolation possible, mais il est fort probable que certaines valeurs de graisse génèrent des polices de même graisse.