Web/API/FontFace/variant

From Get docs

Draft This page is not complete.


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


The variant property of the FontFace interface programatically retrieves or sets font variant values. It is equivalent to the font-variant descriptor.

Syntax

var variantSubProperty = FontFace.variant;
FontFace.variant = variantSubProperty;

Value

A CSSOMString containing a descriptor as it would be defined in a style sheet's @font-face rule.

Specifications

Specification Status Comment
CSS Font Loading Module Level 3The definition of 'variant' in that specification. Working Draft Initial definition.

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet

variant

Experimental'

Chrome

Full support 35

Edge

Full support 79

Firefox

Full support Yes

IE

No support No

Opera

Full support Yes

Safari

Full support 10

WebView Android

Full support 37

Chrome Android

Full support 35

Firefox Android

Full support Yes

Opera Android

Full support Yes

Safari iOS

Full support Yes

Samsung Internet Android

Full support 4.0

Legend

Full support  
Full support
No support  
No support
Experimental. Expect behavior to change in the future.'
Experimental. Expect behavior to change in the future.