stretchmapping-reverse-ref.html (1089B)
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-wd5.ttf); 12 font-stretch: normal; 13 } 14 15 body { 16 margin: 50px; 17 } 18 19 p.test { 20 font-family: fstest-full; 21 font-size: 24px; 22 } 23 24 .fs9 { font-stretch: ultra-condensed; } 25 .fs8 { font-stretch: extra-condensed; } 26 .fs7 { font-stretch: condensed; } 27 .fs6 { font-stretch: semi-condensed; } 28 .fs5 { font-stretch: normal; } 29 .fs4 { font-stretch: semi-expanded; } 30 .fs3 { font-stretch: expanded; } 31 .fs2 { font-stretch: extra-expanded; } 32 .fs1 { font-stretch: ultra-expanded; } 33 34 </style> 35 36 </head> 37 <body> 38 39 <p>The numbers below should appear in ascending sequence:</p> 40 41 <p class="test"> 42 <span class="fs1">1</span> 43 <span class="fs2">2</span> 44 <span class="fs3">3</span> 45 <span class="fs4">4</span> 46 <span class="fs5">5</span> 47 <span class="fs6">6</span> 48 <span class="fs7">7</span> 49 <span class="fs8">8</span> 50 <span class="fs9">9</span> 51 </p> 52 53 </body> 54 </html>