The font-style property specifies the style of the font.
Fonts can be styled as normal, italic, or oblique.
Text with 3 different font styles.
This text is displayed as normal.
This text is displayed as italic.
This text is displayed as oblique.
<p style="font-style: normal">
This text is displayed as normal.
</p>
<p style="font-style: italic">
This text is displayed as italic.
</p>
<p style="font-style: oblique">
This text is displayed as oblique.
</p>
font-style: normal | italic | oblique |
initial | inherit;
| Value | Description |
|---|---|
| normal | Default. Displays a normal style |
| italic | Displays an italic font style |
| oblique | Displays an oblique font style |
| initial | Sets the value to its default value. |
| inherit | Inherits the value from its parent element. |
The difference is that italic is a special version of the font, whereas oblique is a font that is slightly slanted by the browser.
If available, italic is preferred because it's generally a higher quality font.
This table shows when font-style support started for each browser.
 Chrome
|
2.0 | May 2009 |
 Firefox
|
1.0 | Nov 2004 |
 IE/Edge
|
4.0 | Sep 1997 |
 Opera
|
7.0 | Jan 2003 |
 Safari
|
1.0 | Jun 2003 |
