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: font</title>
5 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font">
6 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
7 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
8 <style type="text/css">
9 body {font-size: 12px; color: navy;}
10 .nine {font: oblique normal 700 18px/200% sans-serif;}
11 span.dummy {color: silver;}
12 </style>
13 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property">
14 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property">
15 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property">
16 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property">
17 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property">
18 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property">
19 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading">
20 </head>
21 <body>
22 <p class="nine">
23 This text should be 18px sans-serif, oblique, and bold.
24 There should be 36px between baselines (18px gap between lines).
25 <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
26 text dummy text dummy text dummy text dummy text dummy text dummy
27 text dummy text dummy text dummy text dummy text dummy text dummy
28 text dummy text dummy text dummy text dummy text dummy text dummy
29 text dummy text dummy text dummy text dummy text dummy text dummy
30 text dummy text dummy text dummy text dummy text dummy text dummy
31 text dummy text dummy text dummy text dummy text dummy text dummy
32 text dummy text dummy text dummy text dummy text dummy text </span>
33 </p>
34 </body>
35 </html>