FontFaceSet: loading event
Baseline 2025
Newly available
Since December 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Note: This feature is available in Web Workers.
The loading event fires when the document begins loading fonts.
Syntax
Use the event name in addEventListener():
js
addEventListener("loading", (event) => { })
Alternatively, assign to the event handler property of the interface:
js
onloading = (event) => { }
Example
In the following example, when the font Ephesis starts to load, "Font is loading…" is printed to the console.
js
document.fonts.onloading = () => {
console.log("Font is loading");
};
(async () => {
await document.fonts.load("16px Ephesis");
})();
Specifications
| Specification |
|---|
| CSS Font Loading Module Level 3 # dom-fontfaceset-onloading |