Font metric overrides

The ascent-override, descent-override, and line-gap-override descriptors adjust the display of a font declared in an @font-face statement. This can help make fallback fonts look the same size.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

87

Supported

Mozilla Firefox

89

Supported

Apple Safari

—

Unsupported

Microsoft Edge

87

Supported

Mobile Browser Engine Support

Chrome Android

87

Firefox Android

89

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.FontFace.ascentOverride ↗ api.FontFace.descentOverride ↗ api.FontFace.lineGapOverride ↗ css.at-rules.font-face.ascent-override ↗ css.at-rules.font-face.descent-override ↗ css.at-rules.font-face.line-gap-override ↗