Summary

The font-style CSS property lets you select italic or oblique faces within a font-family.

Syntax

font-style: normal;
font-style: italic;
font-style: oblique;

/* Global values */
font-style: inherit;
font-style: initial;
font-style: unset;

Values

Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face. Oblique faces can be simulated by artificially sloping the glyphs of the regular face.

normal
Selects a font that is classified as normal within a font-family
italic
Selects a font that is labeled italic, if that is not available, one labeled oblique
oblique
Selects a font that is labeled oblique

Formal syntax

normal | italic | oblique

Example

The example shows the different font-style values. The CSS looks like this:

.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

Specific​ations

Specification Status Comment
CSS Fonts Module Level 3
The definition of 'font-style' in that specification.
Candidate Recommendation No change.
CSS Level 2 (Revision 1)
The definition of 'font-style' in that specification.
Recommendation No change.
CSS Level 1
The definition of 'font-style' in that specification.
Recommendation Initial definition.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 4.0 7.0 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

See also

Document Tags and Contributors

Last updated by: Sebastianz,