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.

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.

Example of Code

<!DOCTYPE html>
  p {
    font-variant: small-caps;
<p>This Text Is Using Small Caps.</p>



This Text Is Using Small Caps.