CSS font-stretch property

Usage

Condenses or expands the font in the horizontal direction.

Values

  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded
  • normal - default
  • wider - makes the font wider in relation to the parent element
  • narrower - makes the font narrower in relation to the parent element

Example

Code:

h1 {
  font-stretch: extra-expanded;
}