You are here: Reference > CSS > properties > font-variant

font-variant property

Browser support:
Specifies a variation of the specified or default font-family.
JavaScript page for this property: fontVariant. You can find other example(s) there.

Possible values:

 One of the following values: 
Takes the value of this property from the computed style of the parent element.
Default. Font is normal.
Font should be displayed in small capital letters.
Default: normal.

Example HTML code 1:

This example illustrates the use of the font-variant property:
        .normal {
            font-variant: normal;
        .smallCaps {
            font-variant: small-caps;
    <span class="normal">font-variant: normal</span><br />
    <span class="smallCaps">font-variant: small-caps</span>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content