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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
loadingdone event |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.