font-matching-rule-006.xht (1358B)
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 Matching Algorithm, match font-style</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#algorithm" /> 7 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-matching-algorithm" /> 8 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-matching" /> 9 <meta name="flags" content="ahem" /> 10 <meta name="assert" content="If the font contains definition of 'italic' or 'oblique' and italic or oblique is set by the style, then use that font." /> 11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 12 <style type="text/css"> 13 div 14 { 15 font-family: Ahem; 16 } 17 #span1 18 { 19 font-style: italic; 20 } 21 #span2 22 { 23 font-style: oblique; 24 } 25 </style> 26 </head> 27 <body> 28 <p>Test passes if the box below slants to one side.</p> 29 <div> 30 <span id="span1">X</span><span id="span2">X</span> 31 </div> 32 </body> 33 </html>