summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/css1/c527-font-001.xht
blob: 3b37c5cd0bd85e62bd182f7b0a4fd48d840fec7a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Test: font</title>
  <link rel="help" href="http://www.w3.org/TR/REC-CSS1#font"/>
  <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <style type="text/css"><![CDATA[
   body {font-size: 12px; color: navy;}
   .two {font: 150%/150% serif;}
   span.dummy {color: silver;}
  ]]></style>
  <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" title="15.8 Shorthand font property: the 'font' property"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" title="10.8.1 Leading and half-leading"/>
  <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop" />
  <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop" />
 </head>
 <body>
  <p class="two">
   This text should be 18px serif. There should be 27px between baselines
   (9px gap between lines).
   <span class="dummy"> dummy text dummy text dummy text dummy text dummy text dummy
   text dummy text dummy text dummy text dummy text dummy text dummy
   text dummy text dummy text dummy text dummy text dummy text dummy
   text dummy text dummy text dummy text dummy text dummy text dummy
   text dummy text dummy text dummy text dummy text dummy text dummy
   text dummy text dummy text dummy text dummy text dummy text dummy
   text dummy text dummy text dummy text dummy text dummy text dummy
   text dummy text dummy text dummy text dummy text dummy text </span>
  </p>
 </body>
</html>