W3cubDocs

/Web APIs

FontFace: family property

The FontFace.family 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.

Value

A string.

Examples

js

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

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 22 10 37 35 41 22 10 4.0

© 2005–2023 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