blob: 042c8944960ea23dba014746ff6821112f4f79ef [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
</head>
<body>
This test makes sure that the "font" shorthand properly accepts font-stretch values.
<div>
<span style="font: 100 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 100 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 100 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 100 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 100 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
<span style="font: 200 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 200 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 200 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 200 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 200 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
<span style="font: 300 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 300 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 300 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 300 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 300 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
<span style="font: 400 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 400 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 400 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 400 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 400 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
<span style="font: 500 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 500 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 500 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 500 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 500 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
<span style="font: 600 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 600 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 600 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 600 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 600 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
<span style="font: 700 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 700 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 700 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 700 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 700 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
<span style="font: 800 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 800 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 800 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 800 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 800 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
<span style="font: 900 16px 'Helvetica Neue'; font-stretch: ultra-condensed;">Hello</span>
<span style="font: 900 16px 'Helvetica Neue'; font-stretch: extra-condensed;">Hello</span>
<span style="font: 900 16px 'Helvetica Neue'; font-stretch: condensed;">Hello</span>
<span style="font: 900 16px 'Helvetica Neue'; font-stretch: semi-condensed;">Hello</span>
<span style="font: 900 16px 'Helvetica Neue'; font-stretch: normal;">Hello</span>
</div>
</body>
</html>