<!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>
Codebase Browser
chromium