We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

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,