Document.fonts

The fonts property of the Document interface returns the FontFaceSet interface of the document.

Syntax

let fontFaceSet = document.fonts;

Value

The returned value is the FontFaceSet interface of the document. The FontFaceSet interface is useful for loading new fonts, checking the status of previously loaded fonts etc.

Examples

Doing operation after all fonts are loaded

document.fonts.ready.then(function() {
  // Any operation that needs to be done only after all the fonts
  // have finished loading can go here.
});

Specifications

Specification
CSS Font Loading Module Level 3 (CSS Font Loading 3)
# FontFaceSet-interface

Browser compatibility

BCD tables only load in the browser

See also