Font Variants

Examples of the font-variant CSS Style Property

Below are samples of text set at different font-variants. Not all font families have a small caps variant, and other fonts may simply display the small caps as all caps rather than true small caps. So, be sure to test your pages before you publish them.

This text is "normal".
The quick brown fox jumped over the lazy dog.

font-variant: normal;

This text is "small caps".
The quick brown fox jumped over the lazy dog.

font-variant: small-caps;

Use small caps in text to define acronyms like nasa or 9pm so that they don't take as much emphasis away from the surrounding text.