font-family-invalid-characters-003.xht (2171B)
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: Invalid curly brackets and pair matching</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="author" title="Arron Eicholz" href="http://www.microsoft.com/" /> 7 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> 8 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop"/> 9 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors"/> 10 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/> 11 <link rel="match" href="font-family-invalid-characters-002-ref.html"/> 12 <meta name="flags" content="ahem invalid" /> 13 <meta name="assert" content="Invalid characters in font family names."/> 14 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 15 <style type="text/css"> 16 <![CDATA[ 17 #div3 18 { 19 background: red; 20 color: red; 21 } 22 #div1 23 { 24 font-family: test{foo}, Ahem; 25 } 26 #div2 27 { 28 color: red; 29 font-family: test{foo, Ahem; 30 background: red; 31 } 32 body 33 { 34 background: red;}; 35 color: inherit; 36 } 37 #div3 38 { 39 background: transparent; 40 } 41 #div3 42 { 43 font-family: test}foo, Ahem; 44 } 45 body 46 { 47 background: red; 48 } 49 #div3 50 { 51 color: inherit; 52 } 53 ]]> 54 </style> 55 </head> 56 <body> 57 <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p> 58 <div id="div1">1</div> 59 <div id="div2">2</div> 60 <div id="div3">3</div> 61 </body> 62 </html>