dom / latest / fontfaceset / loadingdone_event.html /

FontFaceSet: loadingdone event

The loadingdone event fires when the document has loaded all events.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

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.

document.fonts.onloadingdone = () => {
  console.log('Font loading complete');
}

(async () => {
  await document.fonts.load("16px Ephesis");
})();

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
loadingdone_event
35
79
41
No
22
10
4.4.3
35
41
22
10
3.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/loadingdone_event