W3cubDocs

/Web APIs

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

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
loading_event 35 79 41 No 22 10 37 35 41 22 10 3.0

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