FontFace: ascentOverride-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die ascentOverride-Eigenschaft der FontFace-Schnittstelle gibt die Aufwärtsmetrik der Schrift zurück und legt sie fest. Dies bezeichnet die Höhe über der Grundlinie, die CSS verwendet, um Linienboxen in einem Inline-Formatierungskontext anzuordnen.

Diese Eigenschaft entspricht dem ascent-override Deskriptor von @font-face.

Wert

Ein String. Die möglichen Werte sind normal, was bedeutet, dass die verwendete Metrik aus der Schriftdatei bezogen werden sollte, oder ein Prozentsatz.

Diese Eigenschaft akzeptiert die gleichen Werte wie der ascent-override Deskriptor.

Beispiele

js
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'

Spezifikationen

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

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
ascentOverride

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support