W3cubDocs

/DOM

FontFaceSet

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

The FontFaceSet interface of the CSS Font Loading API manages the loading of font-faces and querying of their download status.

Properties

FontFaceSet.status Read only
Indicates the font-face's loading status. It will be one of 'loading' or 'loaded'.

Events

FontFaceSet.onloading
An EventListener called whenever an event of type loading is fired, indicating a font-face set has started loading.
FontFaceSet.onloadingdone
An EventListener called whenever an event of type loadingdone is fired, indicating that a font face set has finished loading.
FontFaceSet.onloadingerror
An EventListener called whenever an event of type loadingerror is fired, indicating that an error occurred whilst loading a font-face set.

Methods

FontFaceSet.add()
Adds a font to the font set.
FontFaceSet.check()
A Boolean that indicates whether a font is loaded, but doesn't initiate a load when it isn't.
FontFaceSet.clear()
Removes all fonts from the font set.
FontFaceSet.delete()
Removes a font from the font set.
FontFaceSet.load()
Returns a Promise which resolves to a list of font-faces for a requested font.
FontFaceSet.ready()
Returns a Promise which resolves once font loading and layout operations have completed.

Specifications

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

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 35 ? 41 ? ? 10
status 48 ? ? ? 35 ?
onloading 48 ? ? ? 35 ?
onloadingdone 48 ? ? ? 35 ?
onloadingerror 48 ? ? ? 35 ?
add 48 ? ? ? 35 ?
check 35 ? 41 ? ? ?
clear 48 ? ? ? 35 ?
delete 48 ? ? ? 35 ?
load 35 ? 41 ? 35 ?
ready 35 ? 41 ? 35 ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support 37 35 ? 41 ? 10 ?
status 48 48 ? ? 35 ? ?
onloading 48 48 ? ? 35 ? ?
onloadingdone 48 48 ? ? 35 ? ?
onloadingerror 48 48 ? ? 35 ? ?
add 48 48 ? ? 35 ? ?
check 37 35 ? 41 ? ? ?
clear 48 48 ? ? 35 ? ?
delete 48 48 ? ? 35 ? ?
load 37 35 ? 41 35 ? ?
ready 37 35 ? 41 35 ? ?

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet