Web/API/CSS Font Loading API

This is an experimental technologyCheck 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 to Document and WorkerGlobalScope.

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.

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
FontFace	Chrome Full support 35	Edge Full support 79	Firefox Full support 41	IE No support No	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 No support No	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 Experimental'	Chrome Full support 60	Edge Full support 79	Firefox Full support 58	IE No support No	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 Experimental'	Chrome Full support 35	Edge Full support 79	Firefox Full support Yes	IE No support No	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 Experimental'	Chrome Full support 35	Edge Full support 79	Firefox Full support Yes	IE No support No	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 Experimental'	Chrome Full support 45 Full support 45 No support 35 — 45 Notes' Notes' Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.	Edge Full support 79	Firefox Full support Yes	IE No support No	Opera Full support Yes	Safari Full support 10	WebView Android Full support 45 Full support 45 No support 37 — 45 Notes' Notes' Before WebView 45, the returned promise resolved with void instead of a FontFace object as required by the specification.	Chrome Android Full support 45 Full support 45 No support 35 — 45 Notes' Notes' Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.	Firefox Android Full support Yes	Opera Android Full support Yes	Safari iOS Full support Yes	Samsung Internet Android Full support 5.0 Full support 5.0 No support 4.0 — 5.0 Notes' Notes' Before Samsung Internet 5.0, the returned promise resolved with void instead of a FontFace object as required by the specification.
loaded Experimental'	Chrome Full support 45 Full support 45 No support 35 — 45 Notes' Notes' Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.	Edge Full support 79	Firefox Full support Yes	IE No support No	Opera Full support Yes	Safari Full support 10	WebView Android Full support 45 Full support 45 No support 37 — 45 Notes' Notes' Before WebView 45, the returned promise resolved with void instead of a FontFace object as required by the specification.	Chrome Android Full support 45 Full support 45 No support 35 — 45 Notes' Notes' Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.	Firefox Android Full support Yes	Opera Android Full support Yes	Safari iOS Full support Yes	Samsung Internet Android Full support 5.0 Full support 5.0 No support 4.0 — 5.0 Notes' Notes' Before Samsung Internet 5.0, the returned promise resolved with void instead of a FontFace object as required by the specification.
status Experimental'	Chrome Full support 35	Edge Full support 79	Firefox Full support Yes	IE No support No	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 Experimental'	Chrome Full support 35	Edge Full support 79	Firefox Full support Yes	IE No support No	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 Experimental'	Chrome Full support 35	Edge Full support 79	Firefox Full support Yes	IE No support No	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 Experimental'	Chrome Full support 35	Edge Full support 79	Firefox Full support Yes	IE No support No	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 Experimental'	Chrome Full support 35	Edge Full support 79	Firefox Full support Yes	IE No support No	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 Experimental'	Chrome Full support 35	Edge Full support 79	Firefox Full support Yes	IE No support No	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 No support No	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.

CSS Font Loading API by Mozilla Contributors is licensed under CC-BY-SA 2.5.