font-family-valid-characters-001

Valid characters in font-family values

WeasyPrint

This browser

Flags
ahem
Assertion
Valid 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: Valid 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#characters">
10         <meta name="flags" content="ahem">
11         <meta name="assert" content="Valid characters in font family names.">
12         <style type="text/css">
13             #div1
14             {
15                 font-family: test-foo, Ahem;
16             }
17             #div2
18             {
19                 font-family: test_foo, Ahem;
20             }
21             #div3
22             {
23                 font-family: test\foo, Ahem;
24             }
25             #div4
26             {
27                 font-family: test, foo, Ahem;
28             }
29             #div5
30             {
31                 font-family: _testfoo, Ahem;
32             }
33             #div6
34             {
35                 font-family: -testfoo, Ahem;
36             }
37             #div7
38             {
39                 font-family: test -foo, Ahem;
40             }
41             #div8
42             {
43                 font-family: test _foo, Ahem;
44             }
45             #div9
46             {
47                 font-family: \testfoo, Ahem;
48             }
49         </style>
50     </head>
51     <body>
52         <p>Test passes if the word "Fail" is not visible below.</p>
53         <div id="div1">Fail</div>
54         <div id="div2">Fail</div>
55         <div id="div3">Fail</div>
56         <div id="div4">Fail</div>
57         <div id="div5">Fail</div>
58         <div id="div6">Fail</div>
59         <div id="div7">Fail</div>
60         <div id="div8">Fail</div>
61         <div id="div9">Fail</div>
62     </body>
63 </html>