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

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
ascentOverride
87
87
89
No
73
No
87
87
89
62
No
14.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FontFace/ascentOverride