font-family-invalid-characters-001.xht (3629B)
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 characters in font-family values</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-001-ref.html" /> 12 <meta name="flags" content="ahem invalid" /> 13 <meta name="assert" content="Invalid characters in font family names invalidate entire declaration."/> 14 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 15 <style type="text/css"> 16 <![CDATA[ 17 #div1 18 { 19 font-family: test!foo, Ahem; 20 } 21 #div2 22 { 23 font-family: test@foo, Ahem; 24 } 25 #div3 26 { 27 font-family: test#foo, Ahem; 28 } 29 #div4 30 { 31 font-family: test$foo, Ahem; 32 } 33 #div5 34 { 35 font-family: test%foo, Ahem; 36 } 37 #div6 38 { 39 font-family: test^foo, Ahem; 40 } 41 #div7 42 { 43 font-family: test&foo, Ahem; 44 } 45 #div8 46 { 47 font-family: test*foo, Ahem; 48 } 49 #div9 50 { 51 font-family: test=foo, Ahem; 52 } 53 #div10 54 { 55 font-family: test+foo, Ahem; 56 } 57 #div11 58 { 59 font-family: test|foo, Ahem; 60 } 61 #div12 62 { 63 font-family: test;foo, Ahem; 64 } 65 #div13 66 { 67 font-family: test:foo, Ahem; 68 } 69 #div14 70 { 71 font-family: test.foo, Ahem; 72 } 73 #div15 74 { 75 font-family: test/foo, Ahem; 76 } 77 #div16 78 { 79 font-family: test?foo, Ahem; 80 } 81 #div17 82 { 83 font-family: test`foo, Ahem; 84 } 85 #div18 86 { 87 font-family: test~foo, Ahem; 88 } 89 #div19 90 { 91 font-family: 1996, Ahem; 92 } 93 ]]> 94 </style> 95 </head> 96 <body> 97 <p>Test passes if there are only numbers (1-19) below.</p> 98 <div id="div1">1</div> 99 <div id="div2">2</div> 100 <div id="div3">3</div> 101 <div id="div4">4</div> 102 <div id="div5">5</div> 103 <div id="div6">6</div> 104 <div id="div7">7</div> 105 <div id="div8">8</div> 106 <div id="div9">9</div> 107 <div id="div10">10</div> 108 <div id="div11">11</div> 109 <div id="div12">12</div> 110 <div id="div13">13</div> 111 <div id="div14">14</div> 112 <div id="div15">15</div> 113 <div id="div16">16</div> 114 <div id="div17">17</div> 115 <div id="div18">18</div> 116 <div id="div19">19</div> 117 </body> 118 </html>