c527-font-10

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;}
10    .eleven {font: italic small-caps 100 150%/300% sans-serif;}
11    span.color {background-color: navy; color: white; }
12    span.dummy {color: blue;}
13   </style>
14   <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property">
15   <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" title="15.3 Font family: the 'font-family' property">
16   <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property">
17   <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' property">
18   <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property">
19   <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property">
20   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading">
21  </head>
22  <body>
23   <p class="eleven">
24    <span class="color">
25     This text should be 18px sans-serif, in small-caps, italicized,
26     and very light. There should be 54px between baselines, with a
27     36px gap between lines. The text should have a blue background,
28     the gap should not.
29     <span class="dummy"> 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 dummy
33     text dummy text dummy text dummy text dummy text dummy text dummy
34     text dummy text dummy text dummy text dummy text dummy text dummy
35     text dummy text dummy text dummy text dummy text dummy text dummy
36     text dummy text dummy text dummy text dummy text dummy text </span>
37    </span>
38   </p>
39  </body>
40 </html>