third_party/WebKit/LayoutTests/fast/text/font-stretch.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>Tests support for font-stretch</title>
   5         <style>
   6             p { font-size: 14px; margin: 0; }
   7             h1 { font-size: 20px; margin: 8px 0 2px 0; }
   8             h2 { font-size: 16px; margin: 8px 0 2px 0; }
   9             .segoe { font-family: 'Segoe UI'; }
  10             .arial { font-family: Arial; }
  11             p > span { display: inline-block; width: 30ex; }
  12         </style>
  13     </head>
  14     <body>
  15         <h1>Tests support for font-stretch</h1>
  16         <p>
  17             Tests that CSS font-stretch is supported.
  18         </p>
  19         <section class="segoe">
  20             <h2>Segoe UI</h2>
  21             <p style="font-stretch: ultra-condensed"><span>font-stretch: ultra-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  22             <p style="font-stretch: extra-condensed"><span>font-stretch: extra-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  23             <p style="font-stretch: condensed"><span>font-stretch: condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  24             <p style="font-stretch: semi-condensed"><span>font-stretch: semi-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  25             <p style="font-stretch: normal"><span>font-stretch: normal</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  26             <p style="font-stretch: semi-expanded"><span>font-stretch: semi-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  27             <p style="font-stretch: expanded"><span>font-stretch: expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  28             <p style="font-stretch: extra-expanded"><span>font-stretch: extra-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  29             <p style="font-stretch: ultra-expanded"><span>font-stretch: ultra-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  30         </section>
  31         <section class="arial">
  32             <h2>Arial</h2>
  33             <p style="font-stretch: ultra-condensed"><span>font-stretch: ultra-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  34             <p style="font-stretch: extra-condensed"><span>font-stretch: extra-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  35             <p style="font-stretch: condensed"><span>font-stretch: condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  36             <p style="font-stretch: semi-condensed"><span>font-stretch: semi-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  37             <p style="font-stretch: normal"><span>font-stretch: normal</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  38             <p style="font-stretch: semi-expanded"><span>font-stretch: semi-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  39             <p style="font-stretch: expanded"><span>font-stretch: expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  40             <p style="font-stretch: extra-expanded"><span>font-stretch: extra-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  41             <p style="font-stretch: ultra-expanded"><span>font-stretch: ultra-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p>
  42         </section>
  43     </body>
  44 </html>