font-width | CSS CSS Properties

A modern property (mostly in Safari/WebKit) that specifically controls the width axis of a variable font, similar to 'font-stretch' but with a more direct name.

Quick example

.condensed-text {
  /* Squeezes the font width to 75% */
  font-width: 75%;
}

Quick facts

Initial value

normal

Inherited

Yes

Applies to

all elements and text

Animation type

byComputedValueType

Values

normalpercentageultra-condensedextra-condensedcondensedsemi-condensedsemi-expandedexpandedextra-expandedultra-expanded

font-width Browser Support

Limited availability 1% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on webstatus.dev → Learn more about Baseline →

18.4+