The fonts property of the Document interface returns the FontFaceSet interface of the document.
Document.fonts
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 # FontFaceSet-interface |
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 | |
fonts |
35
|
79
|
41
|
No
|
22
|
10
|
≤37
|
35
|
41
|
22
|
10
|
3.0
|
See also
-
FontFaceSetinterface FontFace
© 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/Document/fonts
