text-fonts-202-t.svg

If the platform supports installable opentype fonts, please download and install Zalamander Caps by Tim Ahrens of Just Another Foundry. Then, view this test.

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

This tests the 'font-weight' property when multiple weights are available. A font family with six weights is specified, with a fallback to 'serif'.

If only one font weight is available, they should all display at the same weight. The transition from black to green figures shows the correct light to bold transition for the common case where two weights are available. If three or more weights are available, see the CSS2 specification for how these are allocated to the nine weight numbers. The specified font has six weights.

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.