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

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Chrome Full support 35Edge Full support ≤79Firefox Full support 41IE ? Opera Full support 35Safari Full support 10WebView Android Full support 37Chrome Android Full support 35Firefox Android Full support 41Opera Android Full support 35Safari iOS Full support YesSamsung Internet Android Full support 4.0


Full support  
Full support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.