Using the CSS Font-stretch property
Here is an example of making a font to be condenced or extended with font stretch. In Antenna House Formatter, percentage and numerical values are extended as specifiable values. i.e. font-stretch: 50%;
Absolute keyword values have the following ordering, from narrowest to widest :
- ultra-condensed
- extra-condensed
- condensed
- semi-condensed
- normal
- semi-expanded
- expanded
- extra-expanded
- ultra-expanded
font-family: serif;
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
The relative keyword values :
- normal
- wider
- wider*wider
- narrower
- narrower*narrower
font-family: serif;
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
font-family: sans-serif;
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
The percentage keyword values :
- 50%
- 75%
- 100%
- 150%
- 200%
font-family: serif;
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
font-family: sans-serif;
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
The number keyword values :
- 0.5
- 0.75
- 1.0
- 1.5
- 2.0
font-family: serif;
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.
- Peaceful World.