stretchmapping-reverse-ref.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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. <style type="text/css">
  7. @font-face {
  8. font-family: fstest-full;
  9. src: url(../fonts/csstest-widths-wd5.ttf);
  10. font-stretch: normal;
  11. }
  12. body {
  13. margin: 50px;
  14. }
  15. p.test {
  16. font-family: fstest-full;
  17. font-size: 24px;
  18. }
  19. .fs9 { font-stretch: ultra-condensed; }
  20. .fs8 { font-stretch: extra-condensed; }
  21. .fs7 { font-stretch: condensed; }
  22. .fs6 { font-stretch: semi-condensed; }
  23. .fs5 { font-stretch: normal; }
  24. .fs4 { font-stretch: semi-expanded; }
  25. .fs3 { font-stretch: expanded; }
  26. .fs2 { font-stretch: extra-expanded; }
  27. .fs1 { font-stretch: ultra-expanded; }
  28. </style>
  29. </head>
  30. <body>
  31. <p>The numbers below should appear in ascending sequence:</p>
  32. <p class="test">
  33. <span class="fs1">1</span>
  34. <span class="fs2">2</span>
  35. <span class="fs3">3</span>
  36. <span class="fs4">4</span>
  37. <span class="fs5">5</span>
  38. <span class="fs6">6</span>
  39. <span class="fs7">7</span>
  40. <span class="fs8">8</span>
  41. <span class="fs9">9</span>
  42. </p>
  43. </body>
  44. </html>