|
Set the Font Style
By Stephen Bucaro
Use the font-style property to set the font style. Font style values may be normal,
italic, or oblique. Shown below is font-style set to normal.
<p style="font-style:normal">Font Style set to normal.</p>
Font Style set to normal.
Because font-style set to normal is the default, you wouldn't normally
use that value, except to overide an inherited style other than normal. Shown below
is font-style set to italic.
<p style="font-style:italic">Font Style set to italic.</p>
Font Style set to italic.
Shown below is font-style set to oblique.
<p style="font-style:oblique">Font Style set to oblique</p>
Font Style set to oblique
"Oblique" means the font is slanted. The specified font family may not contain
an oblique option, therefore, when font-style is set to oblique, it
may default to italic.
To set a different font style for some text within a paragraph, place the text to
be set to the different style within a <span> element, and set the font-style
property of the span to the desired value. An example is shown below.
<p>The second amendment
<span style="font-style:italic;">
does not</span>
give people the right to own a gun.</p>
The second amendment does not give people
the right to own a gun.
Some webpage designers think everything should be done with CSS styles and
the use of html tags is obsolete. I disagree because it's so easy to just place the
the text to be set to italic within <i></i> tags. An example is shown below.
<p>The second amendment <i>does not</i> give people the right to own a gun.</p>
The second amendment does not give people the right to own a gun.
The developers of html version 4 thought just using <i> for "italic" was too
difficult to understand, so they added the <em> tag for "emphasis", which does
exactly the same thing. An example is shown below.
<p>The second amendment <em>does not</em> give people the right to own a gun.</p>
The second amendment does not give people the right to own a gun.
| 
Free Downloads