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