This tests the 'font-weight' property when multiple weights are available. A font family with five weights is specified, with a fallback to 'serif'.
The specified font family has five weights - 300, 400, 600, 700 and 800. See the CSS3 Font 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.
The fonts are SVG fonts convertted, with the author's explicit permission, from Zalamander Caps by Tim Ahrens of Just Another Foundry. An ASCII subset has been generated for this test. The font names have been obfuscated, to deter user agent sniffing for keywords like "Ultrabold". All weights in this generated family are multiples of 100 and greater or equal to 300.
Run the test. No interaction required.
The numerical weight values (100 to 900) should show the lighter weights on the lower numbers and the heavier weights on the larger numbers. Heavier is defined to mean 'no lighter'.