FontFaceSet: loading-Ereignis

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Hinweis: Dieses Feature ist verfügbar in Web Workers.

Das loading-Ereignis tritt auf, wenn das Dokument beginnt, Schriftarten zu laden.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

js
addEventListener("loading", (event) => {});

onloading = (event) => {};

Beispiel

Im folgenden Beispiel wird, wenn die Schriftart Ephesis zu laden beginnt, "Font is loading…" in die Konsole ausgegeben.

js
document.fonts.onloading = () => {
  console.log("Font is loading");
};

(async () => {
  await document.fonts.load("16px Ephesis");
})();

Spezifikationen

Specification
CSS Font Loading Module Level 3
# dom-fontfaceset-onloading

Browser-Kompatibilität

BCD tables only load in the browser