c527-font-003

font

WeasyPrint

This browser

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: 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    .four {font: small/200% cursive;}
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-size-props" title="15.7 Font size: the 'font-size' property">
16   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading">
17  </head>
18  <body>
19   <p class="four">
20    This text should be small and cursive, with double line spacing.
21    <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
22    text dummy text dummy text dummy text dummy text dummy text dummy
23    text dummy text dummy text dummy text dummy text dummy text dummy
24    text dummy text dummy text dummy text dummy text dummy text dummy
25    text 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 </span>
29   </p>
30  </body>
31 </html>