| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Tests support for font-stretch</title> |
| <style> |
| p { font-size: 14px; margin: 0; } |
| h1 { font-size: 20px; margin: 8px 0 2px 0; } |
| h2 { font-size: 16px; margin: 8px 0 2px 0; } |
| .segoe { font-family: 'Segoe UI'; } |
| .arial { font-family: Arial; } |
| p > span { display: inline-block; width: 30ex; } |
| </style> |
| </head> |
| <body> |
| <h1>Tests support for font-stretch</h1> |
| <p> |
| Tests that CSS font-stretch is supported. |
| </p> |
| <section class="segoe"> |
| <h2>Segoe UI</h2> |
| <p style="font-stretch: ultra-condensed"><span>font-stretch: ultra-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: extra-condensed"><span>font-stretch: extra-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: condensed"><span>font-stretch: condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: semi-condensed"><span>font-stretch: semi-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: normal"><span>font-stretch: normal</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: semi-expanded"><span>font-stretch: semi-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: expanded"><span>font-stretch: expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: extra-expanded"><span>font-stretch: extra-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: ultra-expanded"><span>font-stretch: ultra-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| </section> |
| <section class="arial"> |
| <h2>Arial</h2> |
| <p style="font-stretch: ultra-condensed"><span>font-stretch: ultra-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: extra-condensed"><span>font-stretch: extra-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: condensed"><span>font-stretch: condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: semi-condensed"><span>font-stretch: semi-condensed</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: normal"><span>font-stretch: normal</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: semi-expanded"><span>font-stretch: semi-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: expanded"><span>font-stretch: expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: extra-expanded"><span>font-stretch: extra-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| <p style="font-stretch: ultra-expanded"><span>font-stretch: ultra-expanded</span> - Just poets wax boldly as kings and queens march over fuzz.</p> |
| </section> |
| </body> |
| </html> |