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

Das loading-Ereignis wird ausgelöst, wenn das Dokument beginnt, Schriften 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 "Font is loading…" in die Konsole ausgegeben, wenn die Schriftart Ephesis zu laden beginnt.

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