1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Font-weight comparison of 100 to 900</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness">
7 <meta name="flags" content="">
8 <meta name="assert" content="Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor.">
9 <style type="text/css">
10 #test1
11 {
12 font-weight: 100;
13 }
14 #test2
15 {
16 font-weight: 200;
17 }
18 #test3
19 {
20 font-weight: 300;
21 }
22 #test4
23 {
24 font-weight: 400;
25 }
26 #test5
27 {
28 font-weight: 500;
29 }
30 #test6
31 {
32 font-weight: 600;
33 }
34 #test7
35 {
36 font-weight: 700;
37 }
38 #test8
39 {
40 font-weight: 800;
41 }
42 #test9
43 {
44 font-weight: 900;
45 }
46 </style>
47 </head>
48 <body>
49 <p>Test passes if the darkness of the below lines are from light to dark. Each line needs to be either darker than or as dark as its previous line.</p>
50 <div id="test1">Filler Text</div>
51 <div id="test2">Filler Text</div>
52 <div id="test3">Filler Text</div>
53 <div id="test4">Filler Text</div>
54 <div id="test5">Filler Text</div>
55 <div id="test6">Filler Text</div>
56 <div id="test7">Filler Text</div>
57 <div id="test8">Filler Text</div>
58 <div id="test9">Filler Text</div>
59 </body>
60 </html>