A betűk súlyát (vastagságát, sötétségét) a font-weight tulajdonsággal tudjuk megváltoztatni. Értékei:
| Érték | Leírás |
| Skála értékek: 100, 200, 300, 400, 500, 600, 700, 800, 900: |
egy arányos skálát határoznak meg, ahol minden érték legalább annyira sötét, mint az előző |
| normal: | A normál vastagságú font, a fenti skálán a 400-nak felel meg |
| bold: | Félkövér betű, a skála 700-as értékének felel meg |
| bolder: | A fontban lévő következő sötétebb súlyértéket határozza meg, vagy ennek hiányában a következő sötétebb számértéket rendeli a fonthoz, amely változatlan marad. Például ha egy font csak normál és félkövér betűket tartalmaz, akkor a normál (400-as) betűk a bolder hatására félkövér (700-as) súlyúak lesznek. A félkövér betűk nem változnak, csak a hozzájuk rendelt érték lesz 700 helyett 800 |
| lighter: | A fontban lévő következő világosabb súlyértéket határozza meg, vagy ennek hiányában a következő világosabb számértéket rendeli a fonthoz, amely változatlan marad |
A fenti skála értékeit általában nem tudjuk kihasználni, hiszen a legtöbb font csak 400-as (normál) és 700-as (félkövér) vastagságú betűket tartalmaz. A köztes értékeket hiába adjuk meg, a böngésző nem hozza létre mesterségesen a kívánt alakokat.Használatát nem javaslom.
A forráskód részlet:
<p style="font-weight: normal;">
Ez a normal vastagságú betű (alapértelmezés).</p>
<p style="font-weight: bold;">
Ez a bold stílussal készült.</p>
<p style="font-weight: bolder;">
Ez a bolder stílussal készült.</p>
<p style="font-weight: lighter;">
Ez a lighter stílussal készült.</p>
<p style="font-weight: 400;">
Ez a skála 400-as értékének megfelelő stílussal készült.</p>
<p style="font-weight: 700;">
Ez a skála 700-as értékének megfelelő stílussal készült.</p>
Az eredmény:
Ez a normal vastagságú betű (alapértelmezés).
Ez a bold stílussal készült.
Ez a bolder stílussal készült.
Ez a lighter stílussal készült.
Ez a skála 400-as értékének megfelelő stílussal készült.
Ez a skála 700-as értékének megfelelő stílussal készült.
Ha hihetek a szememnek és a próbáimnak, akkor azt mondhatom, hogy egyenlőre elég csak a normal és a bold tulajdonságértékeket használni, a többi között nincs eltérés.