size-adjust - CSS | MDN
Syntax
Values
<percentage>-
A
<percentage>value with an initial value of 100%.
All metrics associated with this font are scaled by the given percentage. This includes glyph advances, baseline tables, and overrides provided by @font-face descriptors.
Formal definition
| Related at-rule | @font-face |
|---|---|
| Initial value | 100% |
| Percentages | as specified |
| Computed value | as specified |
Formal syntax
size-adjust =
<percentage [0,∞]>
Examples
Overriding metrics of a fallback font
The size-adjust property can help when overriding the metrics of a fallback font to better match those of a primary web font.
css
@font-face {
font-family: "web-font";
src: url("https://example.com/font.woff");
}
@font-face {
font-family: "local-font";
src: local("Local Font");
size-adjust: 90%;
}
Specifications
| Specification |
|---|
| CSS Fonts Module Level 5 # size-adjust-desc |
Browser compatibility
See also
font-displaydescriptorfont-familydescriptorfont-weightdescriptorfont-styledescriptorfont-stretchdescriptorfont-feature-settingsfont-variation-settingsdescriptorsrcdescriptorunicode-rangedescriptorfont-size-adjustproperty