Draft
This page is not complete.
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The FontFace()
constructor creates a new FontFace
object.
Syntax
var fontFace = new FontFace(family, source, descriptors);
Parameters
- family
- Specifies a name that will be used as the font face value for font properties. Takes the same type of values as the
font-family
descriptor of@font-face
. - source
- The font source. This can be either:
- A URL
- Binary font data
- descriptors Optional
- A set of optional descriptors passed as an object. It can have the following keys:
family
: Familystyle
: Styleweight
: Weightstretch
: StretchunicodeRange
: Unicode rangevariant
: variantfeatureSettings
: Feature settings
Example
Specifications
Specification | Status | Comment |
---|---|---|
CSS Font Loading Module Level 3 The definition of 'FontFace Constructor' in that specification. |
Working Draft | Initial definition |
Browser compatibility
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.
No compatibility data found. Please contribute data for "api.FontFace.FontFace" (depth: 1) to the MDN compatibility data repository.