CSS Font Loading API
The CSS Font Loading API provides events and interfaces for dynamically loading font resources.
Note: This feature is available in Web Workers (self.fonts
provides access to FontFaceSet
).
Interfaces
FontFace
-
Represents a single usable font face.
FontFaceSet
-
An interface loading font faces and checking their download statuses.
FontFaceSetLoadEvent
-
Fired whenever a
FontFaceSet
loads.
Specifications
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
CSS_Font_Loading_API |
35 |
79 |
41 |
No |
22 |
10 |
37 |
35 |
41 |
22 |
10 |
4.0 |
FontFace |
35 |
79 |
41 |
No |
22 |
10 |
37 |
35 |
41 |
22 |
10 |
4.0 |
ascentOverride |
87 |
87 |
89 |
No |
73 |
No |
87 |
87 |
89 |
62 |
No |
14.0 |
descentOverride |
87 |
87 |
89 |
No |
73 |
No |
87 |
87 |
89 |
62 |
No |
14.0 |
display |
60 |
79 |
58 |
No |
47 |
10 |
60 |
60 |
58 |
44 |
10 |
8.0 |
family |
35 |
79 |
41 |
No |
Yes |
10 |
37 |
35 |
41 |
Yes |
10 |
4.0 |
featureSettings |
35 |
79 |
41 |
No |
Yes |
10 |
37 |
35 |
41 |
Yes |
10 |
4.0 |
lineGapOverride |
87 |
87 |
89 |
No |
73 |
No |
87 |
87 |
89 |
62 |
No |
14.0 |
load |
45
35-45
Before Chrome 45, the returned promise resolved with void instead of a
FontFace object as required by the specification. |
79 |
41 |
No |
Yes |
10 |
45
37-45
Before WebView 45, the returned promise resolved with void instead of a
FontFace object as required by the specification. |
45
35-45
Before Chrome 45, the returned promise resolved with void instead of a
FontFace object as required by the specification. |
41 |
Yes |
10 |
5.0
4.0-5.0
Before Samsung Internet 5.0, the returned promise resolved with void instead of a
FontFace object as required by the specification. |
loaded |
45
35-45
Before Chrome 45, the returned promise resolved with void instead of a
FontFace object as required by the specification. |
79 |
41 |
No |
Yes |
10 |
45
37-45
Before WebView 45, the returned promise resolved with void instead of a
FontFace object as required by the specification. |
45
35-45
Before Chrome 45, the returned promise resolved with void instead of a
FontFace object as required by the specification. |
41 |
Yes |
10 |
5.0
4.0-5.0
Before Samsung Internet 5.0, the returned promise resolved with void instead of a
FontFace object as required by the specification. |
status |
35 |
79 |
41 |
No |
Yes |
10 |
37 |
35 |
41 |
Yes |
10 |
4.0 |
stretch |
35 |
79 |
41 |
No |
Yes |
10 |
37 |
35 |
41 |
Yes |
10 |
4.0 |
style |
35 |
79 |
41 |
No |
Yes |
10 |
37 |
35 |
41 |
Yes |
10 |
4.0 |
unicodeRange |
35 |
79 |
41 |
No |
Yes |
10 |
37 |
35 |
41 |
Yes |
10 |
4.0 |
variant |
35 |
79 |
41 |
No |
Yes |
No |
37 |
35 |
41 |
Yes |
No |
4.0 |
variationSettings |
62 |
79 |
62 |
No |
49 |
No |
62 |
62 |
62 |
46 |
No |
8.0 |
weight |
35 |
79 |
41 |
No |
Yes |
10 |
37 |
35 |
41 |
Yes |
10 |
4.0 |
worker_support |
69 |
79 |
No |
No |
? |
No |
69 |
69 |
No |
? |
No |
10.0 |
BCD tables only load in the browser
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSS_Font_Loading_API