Font Stretch

Example Code


<!-- Codes by HTMLmagics -->
<p>This text has not had the font-stretch applied.</p>
<p style="font-stretch:wider;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:narrower;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:ultra-condensed;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:extra-condensed;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:condensed;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:semi-condensed;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:semi-expanded;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:expanded;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:extra-expanded;">This text has had the font-stretch property applied.</p>
<p style="font-stretch:ultra-expanded;">This text has had the font-stretch property applied.</p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/text/font-code.cfm">HTML font codes</a></p>



Result




This text has not had the font-stretch applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
This text has had the font-stretch property applied.
HTML font codes