font-family-invalid-characters-003

Invalid curly brackets and pair matching

WeasyPrint

This browser

Flags
ahem, invalid
Assertion
Invalid characters in font family names.

Source

 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 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         <meta name="flags" content="ahem invalid">
11         <meta name="assert" content="Invalid characters in font family names.">
12         <style type="text/css">
13             
14             #div3
15             {
16                 background: red;
17                 color: red;
18             }
19             #div1
20             {
21                 font-family: test{foo}, Ahem;
22             }
23             #div2
24             {
25                 color: red;
26                 font-family: test{foo, Ahem;
27                 background: red;
28             }
29             body
30             {
31                 background: red;};
32                 color: inherit;
33             }
34             #div3
35             {
36                 background: transparent;
37             }
38             #div3
39             {
40                 font-family: test}foo, Ahem;
41             }
42             body
43             {
44                background: red;
45             }
46             #div3
47             {
48                color: inherit;
49             }
50             
51         </style>
52     </head>
53     <body>
54         <p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p>
55         <div id="div1">1</div>
56         <div id="div2">2</div>
57         <div id="div3">3</div>
58     </body>
59 </html>