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).
CSS Font Loading API
Interfaces
-
FontFace -
Represents a single usable font face.
-
FontFaceSet -
An interface loading font faces and checking their download statuses.
-
FontFaceSetLoadEvent -
Fired whenever a
FontFaceSetloads.
Specifications
| Specification |
|---|
| CSS Font Loading Module Level 3 # fontface-interface |
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
|
22
|
10
|
37
|
35
|
41
|
22
|
10
|
4.0
|
featureSettings |
35
|
79
|
41
|
No
|
22
|
10
|
37
|
35
|
41
|
22
|
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
|
32
22-32
Before Opera 45, the returned promise resolved with void instead of a
FontFace object as required by the specification.
|
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
|
32
22-32
Before Opera 45, the returned promise resolved with void instead of a
FontFace object as required by the specification.
|
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
|
32
22-32
Before Opera 45, the returned promise resolved with void instead of a
FontFace object as required by the specification.
|
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
|
32
22-32
Before Opera 45, the returned promise resolved with void instead of a
FontFace object as required by the specification.
|
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
|
22
|
10
|
37
|
35
|
41
|
22
|
10
|
4.0
|
stretch |
35
|
79
|
41
|
No
|
22
|
10
|
37
|
35
|
41
|
22
|
10
|
4.0
|
style |
35
|
79
|
41
|
No
|
22
|
10
|
37
|
35
|
41
|
22
|
10
|
4.0
|
unicodeRange |
35
|
79
|
41
|
No
|
22
|
10
|
37
|
35
|
41
|
22
|
10
|
4.0
|
variant |
35
|
79
|
41
|
No
|
22
|
No
|
37
|
35
|
41
|
22
|
No
|
4.0
|
variationSettings |
62
|
79
|
62
|
No
|
49
|
No
|
62
|
62
|
62
|
46
|
No
|
8.0
|
weight |
35
|
79
|
41
|
No
|
22
|
10
|
37
|
35
|
41
|
22
|
10
|
4.0
|
worker_support |
69
|
79
|
No
|
No
|
56
|
No
|
69
|
69
|
No
|
48
|
No
|
10.0
|
FontFace
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
