55 lines
4.0 KiB
HTML
55 lines
4.0 KiB
HTML
<!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> |