layout/reftests/font-matching/stretchmapping-reverse.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Assure OS/2 usWidthClass isn't referenced</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6
   7 <style type="text/css">
   8
   9 @font-face {
  10   font-family: fstest-full;
  11   src: url(../fonts/csstest-widths-wd9.ttf);
  12   font-stretch: ultra-condensed;
  13 }
  14
  15 @font-face {
  16   font-family: fstest-full;
  17   src: url(../fonts/csstest-widths-wd8.ttf);
  18   font-stretch: extra-condensed;
  19 }
  20
  21 @font-face {
  22   font-family: fstest-full;
  23   src: url(../fonts/csstest-widths-wd7.ttf);
  24   font-stretch: condensed;
  25 }
  26
  27 @font-face {
  28   font-family: fstest-full;
  29   src: url(../fonts/csstest-widths-wd6.ttf);
  30   font-stretch: semi-condensed;
  31 }
  32
  33 @font-face {
  34   font-family: fstest-full;
  35   src: url(../fonts/csstest-widths-wd5.ttf);
  36   font-stretch: normal;
  37 }
  38
  39 @font-face {
  40   font-family: fstest-full;
  41   src: url(../fonts/csstest-widths-wd4.ttf);
  42   font-stretch: semi-expanded;
  43 }
  44
  45 @font-face {
  46   font-family: fstest-full;
  47   src: url(../fonts/csstest-widths-wd3.ttf);
  48   font-stretch: expanded;
  49 }
  50
  51 @font-face {
  52   font-family: fstest-full;
  53   src: url(../fonts/csstest-widths-wd2.ttf);
  54   font-stretch: extra-expanded;
  55 }
  56
  57 @font-face {
  58   font-family: fstest-full;
  59   src: url(../fonts/csstest-widths-wd1.ttf);
  60   font-stretch: ultra-expanded;
  61 }
  62
  63 body {
  64   margin: 50px;
  65 }
  66
  67 p.test {
  68   font-family: fstest-full;
  69   font-size: 24px;
  70 }
  71
  72 .fs9 { font-stretch: ultra-condensed; }
  73 .fs8 { font-stretch: extra-condensed; }
  74 .fs7 { font-stretch: condensed; }
  75 .fs6 { font-stretch: semi-condensed; }
  76 .fs5 { font-stretch: normal; }
  77 .fs4 { font-stretch: semi-expanded; }
  78 .fs3 { font-stretch: expanded; }
  79 .fs2 { font-stretch: extra-expanded; }
  80 .fs1 { font-stretch: ultra-expanded; }
  81
  82 </style>
  83
  84 </head>
  85 <body>
  86
  87 <p>The numbers below should appear in ascending sequence:</p>
  88
  89 <p class="test">
  90 <span class="fs1">F</span>
  91 <span class="fs2">F</span>
  92 <span class="fs3">F</span>
  93 <span class="fs4">F</span>
  94 <span class="fs5">F</span>
  95 <span class="fs6">F</span>
  96 <span class="fs7">F</span>
  97 <span class="fs8">F</span>
  98 <span class="fs9">F</span>
  99 </p>
 100
 101 </body>
 102 </html>