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: 
inherit
Takes the value of this property from the computed style of the parent element.
normal
Default. Font is normal.
small-caps
Font should be displayed in small capital letters.
Default: normal.

Example HTML code 1:

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

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content