FontFace.descentOverride

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

Syntax

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

Value

A string.

Examples

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

Specifications

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

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
`descentOverride`	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/descentOverride