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

	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