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.
FontFaceSet.status Read only
'loading' or 'loaded'.FontFaceSet.onloadingEventListener called whenever an event of type loading is fired, indicating a font-face set has started loading.FontFaceSet.onloadingdoneEventListener called whenever an event of type loadingdone is fired, indicating that a font face set has finished loading.FontFaceSet.onloadingerrorEventListener called whenever an event of type loadingerror is fired, indicating that an error occurred whilst loading a font-face set.FontFaceSet.add()FontFaceSet.check()Boolean that indicates whether a font is loaded, but doesn't initiate a load when it isn't.FontFaceSet.clear()FontFaceSet.delete()FontFaceSet.load()Promise which resolves to a list of font-faces for a requested font.FontFaceSet.ready()Promise which resolves once font loading and layout operations have completed.| Specification | Status | Comment |
|---|---|---|
| CSS Font Loading Module Level 3 The definition of 'FontFaceSet' in that specification. | Working Draft | Initial definition |
| 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