FontFace.family

The FontFace.family property allows the author to get or set the font family of a FontFace object. This is equivalent to the font-family descriptor of @font-face.

Syntax

instanceOfFontFace.family = 'font family name';
let fontFace = instanceOfFontFace.family; // "font family name"

Value

A DOMString.

Example

let fontFace = new FontFace('Roboto', 'url(https://fonts.example.com/roboto.woff2)');
console.log(fontFace.family); // 'Roboto'

fontFace.family = 'newRoboto';
console.log(fontFace.family); // 'newRoboto'

Specifications

Specification
CSS Font Loading Module Level 3 (CSS Font Loading 3) # dom-fontface-family

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`family`	35	79	41	No	Yes	10	37	35	41	Yes	10	4.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FontFace/family