This tests the 'font-weight' property when multiple weights are available. An SVG font family with six weights is specified, with a fallback to 'serif'. It is a conversion of Zalamander Caps by Tim Ahrens of Just Another Foundry.
The numerical weight values (100 to 900) must show the lighter weights on the lower numbers and the heavier weights on the larger numbers. Heavier is defined to mean 'no lighter'.
If only one font weight is available, they should all display at the same weight. The colors shows the correct light to bold transition for this case where six weights are available. See the CSS2 specification for how these are allocated to the nine weight numbers.
The absolute keywords 'normal' and bold' are tested by the first two lines on the right hand side of the test, the third line of text tests the to 'bolder' relative keyword and the fourth tests the 'lighter' relative keyword.