Designating Font Variant Using CSS

Font variant is an attribute that CSS uses to allow the author of the document to designate small capital letters for an HTML element's font display.

The font-variant styles may be used in conjunction with any text containing HTML element, such as tables, paragraphs, headings, and divs.

Let's take a look at some CSS font-variant style settings.

blockquote   {font-variant:small-caps;}
p            {font-variant:normal;}

Notice that font-variant styles are easy to implement. After designating that you are applying a font-variant style, you simply name the style you desire.

The default font-variant style (what text appears if you do not use CSS to designate a variant) is normal. The only change that can be affected with this style is small-caps which looks like this.

You should now be able to use CSS to designate font variants for your HTML documents.