Font loading
The document.fonts API dynamically loads custom fonts and tracks when fonts are loading or ready to use.
To learn more, see
Document: fonts property,
CSS Font Loading API,
FontFace: FontFace() constructor,
FontFace: display property,
FontFace: family property,
FontFace: featureSettings property,
FontFace: load() method,
FontFace: loaded property,
FontFace: status property,
FontFace: stretch property,
FontFace: style property,
FontFace: unicodeRange property,
FontFace: variant property,
FontFace: variationSettings property,
FontFace: weight property,
FontFaceSet,
FontFaceSet: add() method,
FontFaceSet: check() method,
FontFaceSet: clear() method,
FontFaceSet: delete() method,
FontFaceSet: entries() method,
FontFaceSet: forEach() method,
FontFaceSet: has() method,
FontFaceSet: keys() method,
FontFaceSet: load() method,
FontFaceSet: loading event,
FontFaceSet: loadingdone event,
FontFaceSet: loadingerror event,
FontFaceSet: ready property,
FontFaceSet: size property,
FontFaceSet: status property,
FontFaceSet: values() method,
FontFaceSetLoadEvent,
FontFaceSetLoadEvent: FontFaceSetLoadEvent() constructor,
FontFaceSetLoadEvent: fontfaces property at MDN.
Compatibility (view on caniuse.com)
- Chrome 35 Released on 2014-05-20
- Chrome Android 35 Released on 2014-05-20
- Edge 79 Released on 2020-01-15
- Firefox 41 Released on 2015-09-22
- Firefox for Android 41 Released on 2015-09-22
- Safari 10 Released on 2016-09-20
- Safari on iOS 10 Released on 2016-09-13