BASELINE NowYouCanUse.com

Widely Available

id: font-loading

Font loading

The document.fonts API dynamically loads custom fonts and tracks when fonts are loading or ready to use.

Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).

Desktop Browser Engine Support

Google Chrome

35

Supported

Mozilla Firefox

41

Supported

Apple Safari

10

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

35

Firefox Android

41

Safari iOS

10

Specifications and References

Specification ↗ Can I Use (font-loading) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.Document.fonts ↗ api.FontFace ↗ api.FontFace.FontFace ↗ api.FontFace.display ↗ api.FontFace.family ↗ api.FontFace.featureSettings ↗ api.FontFace.load ↗ api.FontFace.loaded ↗ api.FontFace.status ↗ api.FontFace.stretch ↗ api.FontFace.style ↗ api.FontFace.unicodeRange ↗ api.FontFace.variant ↗ api.FontFace.variationSettings ↗ api.FontFace.weight ↗ api.FontFace.worker_support ↗ api.FontFaceSet ↗ api.FontFaceSet.@@iterator ↗ api.FontFaceSet.add ↗ api.FontFaceSet.check ↗ api.FontFaceSet.clear ↗ api.FontFaceSet.delete ↗ api.FontFaceSet.entries ↗ api.FontFaceSet.forEach ↗ api.FontFaceSet.has ↗ api.FontFaceSet.keys ↗ api.FontFaceSet.load ↗ api.FontFaceSet.loading_event ↗ api.FontFaceSet.loadingdone_event ↗ api.FontFaceSet.loadingerror_event ↗ api.FontFaceSet.ready ↗ api.FontFaceSet.size ↗ api.FontFaceSet.status ↗ api.FontFaceSet.values ↗ api.FontFaceSet.worker_support ↗ api.FontFaceSetLoadEvent ↗ api.FontFaceSetLoadEvent.FontFaceSetLoadEvent ↗ api.FontFaceSetLoadEvent.fontfaces ↗ api.FontFaceSetLoadEvent.worker_support ↗ api.WorkerGlobalScope.fonts ↗