Web/API/FontFaceSet/load

This is an experimental technologyCheck 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

font: a font specification using the CSS value syntax, e.g. "italic bold 16px Roboto"
text: limit the font faces to those whose Unicode range contains at least one of the characters in text. This does not check for individual glyph coverage.

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 3The definition of 'load' in that specification.	Working Draft	Initial definition

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`load` Experimental'	Chrome Full support 35	Edge Full support ≤79	Firefox Full support 41	IE No support No	Opera Full support 35	Safari Full support 10	WebView Android Full support 37	Chrome Android Full support 35	Firefox Android Full support 41	Opera Android Full support 35	Safari iOS Full support Yes	Samsung Internet Android Full support 4.0

Legend

Full support: Full support
No support: No support
Experimental. Expect behavior to change in the future.': Experimental. Expect behavior to change in the future.

FontFaceSet.load() by Mozilla Contributors is licensed under CC-BY-SA 2.5.