The property allows the author to get or set the font family of a FontFace object.

The value is used for name matching against a particular font face when styling elements using the font-family property. Any name may be used, and this overrides any name specified in the underlying font data.

This property is equivalent to the font-family descriptor of @font-face.


A string.


let fontFace = new FontFace('Roboto', 'url(');
console.log(; // 'Roboto' = 'newRoboto';
console.log(; // 'newRoboto'


CSS Font Loading Module Level 3
# dom-fontface-family

Browser compatibility

BCD tables only load in the browser