font-family-name-024

system font names in font-family lists

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
font
Assertion
System font names are only allowed with the font shorthand, not in font-family rules

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3      <head>
 4         <link rel="reference" href="font-family-name-024-ref.xht">
 5         <title>CSS Test: system font names in font-family lists</title>
 6         <link rel="author" title="Mozilla" href="http://www.mozilla.com/">
 7         <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family">
 8         <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
 9         <meta name="flags" content="font">
10         <meta name="assert" content="System font names are only allowed with the font shorthand, not in font-family rules">
11         <style type="text/css">
12             body { font-size: 36px; }
13             span#verify { font-family: CSSTest Verify; }
14             div.test { font-family: CSSTest Fallback; }
15             p {
16             }
17             p#test1 {
18                 font-family: caption, CSSTest Fallback;
19             }
20             p#test2 {
21                 font-family: icon, CSSTest Fallback;
22             }
23             p#test3 {
24                 font-family: menu, CSSTest Fallback;
25             }
26             p#test4 {
27                 font-family: message-box, CSSTest Fallback;
28             }
29             p#test5 {
30                 font-family: small-caption, CSSTest Fallback;
31             }
32             p#test6 {
33                 font-family: status-bar, CSSTest Fallback;
34             }
35         </style>
36     </head>
37     <body>
38         <div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">FAIL</span></div>
39         <p>PASS</p>
40         <div class="test"><p id="test1">FAIL</p></div>
41         <div class="test"><p id="test2">FAIL</p></div>
42         <div class="test"><p id="test3">FAIL</p></div>
43         <div class="test"><p id="test4">FAIL</p></div>
44         <div class="test"><p id="test5">FAIL</p></div>
45         <div class="test"><p id="test6">FAIL</p></div>
46     </body>
47 </html>