FontFaceSet: loadingdone event
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.
Note: This feature is available in Web Workers.
The loadingdone
event fires when the document has loaded all fonts.
Syntax
Use the event name in methods like addEventListener()
, or set an event handler property.
js
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
Specification |
---|
CSS Font Loading Module Level 3 # dom-fontfaceset-onloadingdone |
Browser compatibility
BCD tables only load in the browser