This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The CSS Font Loading API provides events and interfaces for dynamically loading font resources.
Interfaces
FontFace
- Represents a single usable font face.
FontFaceSet
- An interface loading font faces and checking their download statuses.
FontFaceSource
- A mixin providing all of the fonts used in font-related operations, unless defined otherwise. It defines the
FontFaceSources.fonts
property available toDocument
andWorkerGlobalScope
. FontFaceSetLoadEvent
- Fired whenever a
FontFaceSet
loads.
Specifications
Specification | Status | Comment |
---|---|---|
CSS Font Loading Module Level 3 | Working Draft | Initial definition. |
Browser compatibility
FontFace interface
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
FontFace | Chrome Full support 35 | Edge Full support 79 | Firefox Full support 41 | IE ? | Opera Full support 22 | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support 41 | Opera Android Full support 22 | Safari iOS Full support 10 | Samsung Internet Android Full support 4.0 |
FontFace() constructor | Chrome Full support 35 | Edge Full support 79 | Firefox Full support 41 | IE ? | Opera Full support 22 | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support 41 | Opera Android Full support 22 | Safari iOS Full support 10 | Samsung Internet Android Full support 4.0 |
display | Chrome Full support 60 | Edge Full support 79 | Firefox Full support 58 | IE ? | Opera Full support 47 | Safari Full support 11 | WebView Android Full support 60 | Chrome Android Full support 60 | Firefox Android No support No | Opera Android Full support 44 | Safari iOS No support No | Samsung Internet Android Full support 8.0 |
family | Chrome Full support 35 | Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 4.0 |
featureSettings | Chrome Full support 35 | Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 4.0 |
load | Chrome
Full support
45
| Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android
Full support
45
| Chrome Android
Full support
45
| Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android
Full support
5.0
|
loaded | Chrome
Full support
45
| Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android
Full support
45
| Chrome Android
Full support
45
| Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android
Full support
5.0
|
status | Chrome Full support 35 | Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 4.0 |
stretch | Chrome Full support 35 | Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 4.0 |
style | Chrome Full support 35 | Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 4.0 |
unicodeRange | Chrome Full support 35 | Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 4.0 |
variant | Chrome Full support 35 | Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 4.0 |
weight | Chrome Full support 35 | Edge Full support 79 | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 10 | WebView Android Full support 37 | Chrome Android Full support 35 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 4.0 |
Available in workers | Chrome Full support 69 | Edge Full support 79 | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android Full support 69 | Chrome Android Full support 69 | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support 10.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- See implementation notes.
- See implementation notes.