• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 9. Font Properties > font-style Property

9.3. font-style Property

The font-style property exists primarily as a way of telling a font to display itself in an italic setting. It takes one of three possible values: italic, normal and oblique. normal tells the browser to use the default (i.e., non-italic) setting for a font. italic and oblique are equivalent, and should display a font in its italic (or “oblique”) setting. So why are there two settings that achieve the same thing? There is no standard way of indicating a “slanted” font, which is usually used for emphasis. In addition to being called italic and oblique, other names for this style of font include “incline”, “cursive”, “kursiv” and “slanted”. The definition adopted by the W3C adopts italic as the cursive companion font to the “regular” form of a given font, while oblique is considered the slanted, angled form the regular font — in other words, script versus slanted. This distinguishes between slightly slanted normal faces which might otherwise be labeled oblique, and Greek language fonts which might improperly be called italic, but in the vast majority of instances you are likely to run across they are equivalent. You can see this in Figure 9-8, which displays the default Times font as italic when set to the italic and oblique values seen in Listing 9.7.

Listing 9.7. font-style

<title>font-style Example</title>
<h1 style="font-style: normal">A normal header</h1>
<h1 style="font-style: italic">An italicized header</h1>
<h1 style="font-style: oblique">An oblique header (which should 
appear the same as the italicized header above)</h1>



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint