This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The load() method of the FontFaceSet forces all the fonts given in parameters to be loaded.


result = aFontFaceSet.load(font);

result = aFontFaceSet.load(font, text);


A Promise of an Array of FontFace loaded. The promise is fulfilled when all the fonts are loaded; it is rejected if one of the fonts failed to load.



// returns a promise that will be fulfilled or rejected according the success to load MyFont
// The code in 'then' can assume the availability of that font.

document.fonts.load("12px MyFont", "ß").then(…);  


Specification Status Comment
CSS Font Loading Module Level 3
The definition of 'load' in that specification.
Working Draft Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support35 ?41 ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support3535 ?41 ? ? ?

Document Tags and Contributors

Contributors to this page: fscholz, teoli
Last updated by: fscholz,