The line-gap-override CSS descriptor for the @font-face at-rule defines the line-gap metric for the font. The line-gap metric is the font recommended line-gap or external leading.
line-gap-override
Syntax
css
line-gap-override: normal;
line-gap-override: 90%;
Values
-
normal -
The default value. When used the metric value is obtained from the font file.
-
<percentage> -
A
<percentage>value.
Formal definition
| Related at-rule | @font-face |
|---|---|
| Initial value | normal |
| Percentages | as specified |
| Computed value | as specified |
Formal syntax
line-gap-override =
[ normal | <percentage [0,∞]> ]{1,2}
Examples
Overriding metrics of a fallback font
The line-gap-override 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);
line-gap-override: 125%;
}
Specifications
| Specification |
|---|
| CSS Fonts Module Level 4 # font-metrics-override-desc |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
line-gap-override |
87 | 87 | 89 | No | 73 | No | 87 | 87 | 89 | 62 | No | 14.0 |
See also
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/line-gap-override