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.onloading
EventListener
called whenever an event of type loading
is fired, indicating a font-face set has started loading.FontFaceSet.onloadingdone
EventListener
called whenever an event of type loadingdone
is fired, indicating that a font face set has finished loading.FontFaceSet.onloadingerror
EventListener
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