The font-variant property is used in CSS and certain HTML elements. This property selects a normal or small-caps face from a font family.


  • normal - Specifies a normal font face.
  • small-caps - Specifies a font that is labeled as a small-caps font. If a small-caps font is not available, browsers will simulate a small-caps font (ex. by taking a normal font and replacing the lowercase letters by scaled uppercase characters).

To apply this in HTML, use:

<span style="font-variant:small-caps;">Small-caps font.</span>

That will produce: Small-caps font.

To apply this in CSS, in the h1 element for example, use:

h1 {

See Also