FontFaceSet: loadingdone-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: Diese Funktion ist in Web Workers verfügbar.

Das loadingdone-Ereignis wird ausgelöst, wenn das Dokument alle Schriftarten geladen hat.

Syntax

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

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

onloadingdone = (event) => {};

Beispiel

Im folgenden Beispiel, wenn die Schriftart Ephesis fertig geladen ist, wird "Font loading complete" in der Konsole ausgegeben.

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

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

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser