font-weight-rule-002.xht (1993B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 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 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> 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>