FontFaceSet.onloadingdone

The onloadingdone EventHandler of the FontFaceSet interface processes loadingdone events.

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

Syntax

FontFaceSet.onloadingdone = function;
FontFaceSet.addEventListener('loadingdone', function);

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