This is an example of setting the font stretch property for an individual HTML
tag.
The following examples all use the
Courier
font family. In order for font stretch to work the fonts provided by the browser
must support the font-stretch property values, which so far, is rare.
<table border="1px" cellpadding="0px" cellspacing="0px" width="100%"> <tr> <th nowrap="nowrap" width="200px">Stretch</th> <th>Sample</th> </tr> <tr><td>normal</td><td style="font-family: Courier; font-stretch: normal"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>wider</td><td style="font-family: Courier; font-stretch: wider"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>narrower</td><td style="font-family: Courier; font-stretch: narrower"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>ultra-condensed</td><td style="font-family: Courier; font-stretch: ultra-condensed"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>extra-condensed</td><td style="font-family: Courier; font-stretch: extra-condensed"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>condensed</td><td style="font-family: Courier; font-stretch: condensed"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>semi-condensed</td><td style="font-family: Courier; font-stretch: semi-condensed"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>semi-expanded</td><td style="font-family: Courier; font-stretch: semi-expanded"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>expanded</td><td style="font-family: Courier; font-stretch: expanded"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>extra-expanded</td><td style="font-family: Courier; font-stretch: extra-expanded"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> <tr><td>ultra-expanded</td><td style="font-family: Courier; font-stretch: ultra-expanded"> abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 </td> </tr> </table> |
||||||||||||||||||||||||||