summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/css1/c527-font-000.xht
blob: 516c42109b7150cad227f624db457bf97220bbd6 (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
34
35
36
37
<!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;}
   .one {font: italic small-caps 13px Helvetica;}
   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-family-prop" title="15.3 Font family: the 'font-family' property"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" title="15.4 Font styling: the 'font-style' property"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" title="15.5 Small-caps: the 'font-variant' 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/css-fonts-3/#font-prop"/>
  <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-family-prop"/>
  <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
  <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
  <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
 </head>
 <body>
  <p class="one">
   This text should be 13px Helvetica in small-caps and italicized. There should be a small gap between each line.
   <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>