font-style

Published Jun 29, 2021Updated May 15, 2024
Contribute to Docs

Changing the font-style selection will determine if the font is vertical or has a degree of slant. The most commonly used variant of font-style is italic.

Syntax

font-style: <font-style-value>;

The font-style-value can be the following:

  • normal
  • italic
  • oblique
  • inherit
  • initial

Example

normal: The text will be in its basic design. This is the default style in Cascading Style Sheets (CSS).

p {
font-style: normal;
}

italic: Text will be tilted, and some characters will be replaced with a specialized tilted character (e.g. “a” to “ɑ” in the font Calibri).

p {
font-style: italic;
}

oblique: It gives text a minor slant to the font without changing any characters. It is less supported and may not always be available.

p {
font-style: oblique;
}

inherit: The text will take on the style used by the parent element.

p {
font-style: inherit;
}

initial: Sets the text font-style to its default style, similar to normal.

p {
font-style: initial;
}

Different variants of the font-style attribute

All contributors

Looking to contribute?

Learn CSS on Codecademy