Represented by the four-letter tag wdth in CSS, the width axis is a built-in control found within certain variable font files that regulates the horizontal footprint of a typeface. This parameter dictates the physical room a character occupies, scaling fluidly between tightly compressed styles that save substantial space and elongated styles that spread out widely. Web designers can manipulate this horizontal span using the CSS property known as font-stretch, a term chosen for public familiarity even though the browser never actually distorts or skews the original letterforms. When utilizing this property, a value of 100% signifies the standard, baseline proportion of the typeface, while a setting like 50% compresses the characters to half their standard size and a setting like 193% nearly doubles their horizontal presence, with all valid inputs restricted to figures greater than zero.
Enter your details to receive all trial fonts
We’ll send you a zipped file with all trial fonts, license agreement, and installation instructions.
