15.6 Font boldness: the 'font-weight' property

Chapter 15 - Fonts - 15.6 Font boldness: the 'font-weight' property

Go to the relevant page of the specification.

c525-font-wt-000
font-weight
c527-font-004
font
c527-font-005
font
c527-font-006
font
c527-font-008
font
c527-font-009
font
c527-font-10
font
font-weight-001 (ahem)
Font-weight set to the keyword 'normal'
The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font.
font-weight-002 (ahem)
Font-weight set to the keyword 'bold'
The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font.
font-weight-003 (ahem)
Font-weight set to the keyword 'bolder'
The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font.
font-weight-008
Font-weight set to the numerical value, 400
The 'font-weight' property set to '400' properly sets the font to the correct bold rendering.
font-weight-010
Font-weight set to the numerical value, 600
The 'font-weight' property set to '600' properly sets the font to the correct bold rendering.
font-weight-011
Font-weight set to the numerical value, 700
The 'font-weight' property set to '700' properly sets the font to the correct bold rendering.
font-weight-012
Font-weight set to the numerical value, 800
The 'font-weight' property set to '800' properly sets the font to the correct bold rendering.
font-weight-013
Font-weight set to the numerical value, 900
The 'font-weight' property set to '900' properly sets the font to the correct bold rendering.
font-weight-014
Font-weight set to the keyword 'inherit'
The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font.
font-weight-applies-to-001
Font-weight and 'display: inline' elements
Font weights apply to 'display: inline' elements.
font-weight-applies-to-002
Font-weight and 'display: block' elements
Font weights apply to 'display: block' elements.
font-weight-applies-to-003
Font-weight and 'display: list-item' elements
Font weights apply to 'display: list-item' elements.
font-weight-applies-to-005
Font-weight and 'display: inline-block' elements
Font weights apply to 'display: inline-block' elements.
font-weight-applies-to-006
Font-weight and 'display: table' elements
Font weights apply to 'display: table' elements.
font-weight-applies-to-007
Font-weight and 'display: inline-table' elements
Font weights apply to 'display: inline-table' elements.
font-weight-applies-to-008
Font-weight and 'display: table-row-group' elements
Font weights apply to 'display: table-row-group' elements.
font-weight-applies-to-009
Font-weight and 'display: table-header-group' elements
Verifies that font-weight does not applies to 'display: table-header-group' elements.
font-weight-applies-to-010
Font-weight and 'display: table-footer-group' elements
Font weights apply to 'display: table-footer-group' elements.
font-weight-applies-to-011
Font-weight and 'display: table-row' elements
Font weights apply to 'display: table-row' elements.
font-weight-applies-to-014
Font-weight and 'display: table-cell' elements
Font weights apply to 'display: table-cell' elements.
font-weight-applies-to-015
Font-weight and 'display: table-caption' elements
Font weights apply to 'display: table-caption' elements.
font-weight-applies-to-016
Font-weight and 'display: none' elements
Font weights apply to 'display: none' elements.
font-weight-applies-to-017
Font-weight and 'display: inherit' elements
Font weights apply to 'display: inherit' elements.
font-weight-bolder-001 (font, should)
font weight mapping with various families with bolder use
Font weights should map to corresponding font faces in a family with all weights
font-weight-lighter-001 (font, should)
font weight mapping with various families with lighter use
Font weights should map to corresponding font faces in a family with all weights
font-weight-normal-001 (font, should)
font weight mapping with various families
Font weights should map to corresponding font faces in a family with all weights
font-weight-rule-001
Font-weight set to 'normal' corresponds to '400'
A font weight of 'normal' corresponds to the weight value '400'.
font-weight-rule-002
Font-weight comparison of 100 to 900
Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor.
font-weight-rule-003
Font-weight inherits the computed weight
Child elements inherit their parent's actual font weight.
font-weight-rule-004
Font-weight set to 'bolder'
The value 'bolder' selects the next darker weight compared to its parent's weight.
font-weight-rule-005
Font-weight set to 'bolder' increasing the value above '900'
The 'font-weight' property set to 'bolder' does not increase the value of font weight when the parent values is already set at 900.
font-weight-rule-006
Font-weight set to 'lighter'
A font weight of 'lighter' selects the next lighter weight.
font-weight-rule-007
Font-weight set to 'lighter' decreasing value below '100'
A font weight of 'lighter' selects the next lighter weight compared to its parent's weight.
font-weight-rule-008
Font-weight compare 'bold' to '700'
A font weight set to 'bold' corresponds to the weight value '700'.