FontFace.ascentOverride

The ascentOverride property of the FontFace interface returns and sets the value of the @font-face/ascent-override descriptor. The possible values are normal, indicating that the metric used should be obtained from the font file, or a percentage.

Syntax

let ascentOverride = FontFace.ascentOverride;
FontFace.ascentOverride = '90%';

Value

A string.

Examples

let fontFace = new FontFace('Roboto', 'url(https://fonts.example.com/roboto.woff2)', {'ascentOverride':'90%'});
console.log(fontFace.ascentOverride); // 90%
fontFace.ascentOverride = 'normal';
console.log(fontFace.ascentOverride); // 'normal'

Specifications

Specification
CSS Font Loading Module Level 3 (CSS Font Loading 3)
# dom-fontfacedescriptors-ascentoverride

Browser compatibility

BCD tables only load in the browser