The **`font-style`** property in CSS is used to alter the font of a segment of text. 

# Syntax

The syntax of the `font-style` property is as follows: 

```CSS
font-style: normal|italic|oblique|initial|inherit;
```

# Possible fonts

There can be five different types of fonts:

* **normal:** Refers to a normal default browser font.

* **italic:** Refers to an italic browser font.

* **oblique:** Refers to an oblique browser font.

* **initial:** Sets the font to an element's default font.

* **inherit:** Inherits a font from its parent element.


# Example

The code snippet below shows each type of `font-style` in CSS:

<!DOCTYPE html>
<html>
<head>
<style>
p.a {
  font-style: normal;
}

p.b {
  font-style: italic;
}

p.c {
  font-style: oblique;
}

p.d {
  font-style: inherit;
}

p.e {
  font-style: initial;
}

</style>
</head>
<body>
<h1>The font-style Property</h1>

<p class="a">This is a paragraph, normal.</p>
<p class="b">This is a paragraph, italic.</p>
<p class="c">This is a paragraph, oblique.</p>
<p class="d">This is a paragraph, inherited.</p>
<p class="e">This is a paragraph, initial.</p>

</body>
</html>


codemirror

What is font-style property in CSS?

The font-style property in CSS changes text font to normal, italic, oblique, initial, or inherit.