FontFaceSet: loading event
The loading event fires when the document begins loading fonts.
Syntax
Use the event name in methods like addEventListener(), or set an event handler property.
js
addEventListener("loading", (event) => {});
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 |
Browser compatibility
BCD tables only load in the browser