font-width
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.
It is documented as part of the CSS Fonts specification. This is an experimental technology. The syntax and behavior are still subject to change.
Syntax
/* Usage Example */
.condensed-text {
/* Squeezes the font width to 75% */
font-width: 75%;
}
/* Syntax */
font-width: normal;
font-width: percentage;
font-width: ultra-condensed;
font-width: extra-condensed;
font-width: condensed;
font-width: semi-condensed;
font-width: semi-expanded;
font-width: expanded;
font-width: extra-expanded;
font-width: ultra-expanded;
/* Global values */
font-width: inherit;
font-width: initial;
font-width: revert;
font-width: revert-layer;
font-width: unset;font-width Browser support
Limited availability
Since
2020 1% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
18.4+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more