Designating Font Styles Using CSS

With HTML we used individual tags like the i tags to designate font styles such as italic text. CSS allows us to easily switch back and forth with text decorations such as these and others all without modifying our HTML code.

The font-style 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-style style settings.

blockquote   {font-style:italic;}
p            {font-style:oblique;}
span         {font-style:normal;}

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

There are not many font-style options and all are named above. These styles look like the following: Italic Style, Oblique Style, and Normal Style.

Note that while both the Oblique and Italic styles are "slanted" there are subtle differences between the two on most browsers, with the Italic generating a more stylish flair than the plain slanted oblique. Normal styled text is just that, it shows no style change.

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