stretchmapping-reverse.html (2047B)
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>