1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3
4 <head>
5
6 <title>CSS Test: font - system fonts</title>
7
8 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
9 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand">
10 <meta content="ahem" name="flags">
11 <meta name="assert" content="A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually">
12
13 <style type="text/css">
14 div
15 {
16 background-color: red;
17 color: white;
18 display: inline-block;
19 font: 32px/1 Ahem;
20 }
21
22 span
23 {
24 background-color: white;
25 color: green;
26 font: icon;
27 font-size: 32px;
28 }
29 </style>
30
31 </head>
32
33 <body>
34
35 <p>There should be no red</p>
36
37 <div>
38 <span>This text should be green</span>
39 </div>
40
41 </body>
42 </html>