W3cubDocs

/DOM

CSS Font Loading API

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 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 compatibilityUpdate compatibility data on GitHub

FontFace interface

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 35 ? 41 ? ? ?
FontFace() constructor 35 ? 41 ? ? ?
display 60 ? No ? 47 No
family Yes ? ? ? Yes ?
style ? ? ? ? ? ?
weight ? ? ? ? ? ?
stretch ? ? ? ? ? ?
unicodeRange ? ? ? ? ? ?
variant ? ? ? ? ? ?
featureSettings ? ? ? ? ? ?
status ? ? ? ? ? ?
loaded ? ? ? ? ? ?
load ? ? ? ? ? ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support 37 35 ? 41 ? ? ?
FontFace() constructor 37 35 ? 41 ? ? ?
display 60 60 ? No 47 No ?
family Yes Yes ? ? Yes ? ?
style ? ? ? ? ? ? ?
weight ? ? ? ? ? ? ?
stretch ? ? ? ? ? ? ?
unicodeRange ? ? ? ? ? ? ?
variant ? ? ? ? ? ? ?
featureSettings ? ? ? ? ? ? ?
status ? ? ? ? ? ? ?
loaded ? ? ? ? ? ? ?
load ? ? ? ? ? ? ?

Edit this page on MDN

© 2005–2018 Mozilla Developer Network and individual 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