W3cubDocs

/DOM

FontFace.family

Draft
This page is not complete.

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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';
var fontFace = instanceOfFontFace.family; // "font family name"

Value

A DOMString.

Example

var 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 Status Comment
CSS Font Loading Module Level 3
The definition of 'family' in that specification.
Working Draft Initial definition

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support Yes ? ? ? Yes ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support Yes Yes ? ? Yes ? ?

© 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/FontFace/family