FontFaceSet: loadingdone event
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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 addEventListener():
js
addEventListener("loadingdone", (event) => { })
Alternatively, assign to the event handler property of the interface:
js
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 |