CSS - font-variant



The font-variant property determines the use of one of two font faces to be used in the rendering of a given element's text.

Possible Values

  • normal − Specifies a normal font face; that is, whatever is the default face for the font in use.

  • small-caps − Specifies a small-caps face; that is, a face in which lowercase characters are rendered as capital letters which are smaller than the letters used for uppercase characters.

Applies to

All the HTML elements.

DOM Syntax

object.style.fontVariant = "small-caps";


Here is the example using this property −

      <p style="font-variant:small-caps;">
      This text will be rendered as small caps

This will produce following result −