Back to Content

FontFaceSet: loadingdone event

files/en-us/web/api/fontfaceset/loadingdone_event/index.md

latest746 B
Original Source

{{APIRef("CSS Font Loading API")}}{{AvailableInWorkers}}

The loadingdone event fires when the document has loaded all fonts.

Syntax

Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.

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

onloadingdone = (event) => { }

Example

In the following example, when the font Ephesis has finished loading, "Font loading complete" is printed to the console.

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

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}