FontFaceSet.load()

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.

Syntax

result = aFontFaceSet.load(font);

result = aFontFaceSet.load(font, text);

Returns

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.

Parameters

Examples

// 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(…);

Specifications

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

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
load
Experimental
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

Legend

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