WeasySuite - 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'.