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