Font Variant

There are two properties that allow developers to set the capitalization of text. The first is font-variant. This property allows developers to specify whether text should appear in all caps, with ‘non-capitalized’ letters being displayed as small caps.

* {
  font-variant: normal;

font-variant: accepts these term values:

  • normal (default)
  • small-caps (display small-caps font)

In a small-caps font, all lowercase letters are converted to uppercase letters. However, the converted uppercase letters appears in a smaller font size than the original uppercase letters in the text.