CSS FONT STYLE

In CSS, font-style controls whether text is normal, italic, or oblique.

p {
  font-style: normal;
}

Common values

/* Normal text */
font-style: normal;

/* Italic text */
font-style: italic;

/* Slanted text */
font-style: oblique;

Example

<p class="normal">Normal Text</p>
<p class="italic">Italic Text</p>
<p class="oblique">Oblique Text</p>
.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

Note: font-style is different from font-weight:

font-style: italic;   /* Italic */
font-weight: bold;    /* Bold */

You can also combine them:

h1 {
  font-family: Arial, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: bold;
}

Comments