<style type="text/css"><!--
div {font-family:Arial, 'MS PGothic', Osaka, sans-serif;}
.eg1 {font-stretch:ultra-condensed;}
.eg2 {font-stretch:extra-condensed;}
.eg3 {font-stretch:condensed;}
.eg4 {font-stretch:semi-condensed;}
.eg5 {font-stretch:normal;}
.eg6 {font-stretch:semi-expanded;}
.eg7 {font-stretch:expanded;}
.eg8 {font-stretch:extra-expanded;}
.eg9 {font-stretch:ultra-expanded;}
.ex10 {font-stretch:wider;}
.ex11 {font-stretch:narrower;}
--></style>
<div class="eg1">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg2">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg3">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg4">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg5">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg6">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg7">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg8">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg9">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg10">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div><br>
<div class="eg11">The quick brown fox jumps over the lazy dog. 色は匂へど散りぬるを我が世誰そ常ならむ</div>
2009/09/01現在font-stretchプロパティをサポートしているブラウザは存在しません。
*1 CSS2.1仕様書において、「font-stretchプロパティ」は削除されました。