`line-gap-override` CSS at-rule descriptor

Limited availability

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

See full compatibility

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.

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	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`line-gap-override`	Chrome – Full support Chrome 87 (Release date: 2020-11-17) footnote Full support	Edge – Full support Edge 87 (Release date: 2020-11-19) footnote Full support	Firefox – Full support Firefox 89 (Release date: 2021-06-01) footnote Full support	Opera – Full support Opera 73 (Release date: 2020-12-09) footnote Full support	Safari – No support Safari footnote No support	Chrome Android – Full support Chrome Android 87 (Release date: 2020-11-17) footnote Full support	Firefox for Android – Full support Firefox for Android 89 (Release date: 2021-06-01) footnote Full support	Opera Android – Full support Opera Android 62 (Release date: 2021-02-16) footnote Full support	Safari on iOS – No support Safari on iOS footnote No support	Samsung Internet – Full support Samsung Internet 14 (Release date: 2021-04-17) footnote Full support	WebView Android – Full support WebView Android 87 (Release date: 2020-11-17) footnote Full support	WebView on iOS – No support WebView on iOS footnote No support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support

line-gap-override CSS at-rule descriptor

Legend

`line-gap-override` CSS at-rule descriptor