CSS Font Style
The font-style property switches text between upright and slanted forms such as italic.
The <font-style> property controls whether text is displayed upright or slanted. It is most often used to make text italic or to remove italics from elements that are italic by default.
The values
Italic emphasis
<!DOCTYPE html>
<html>
<head>
<style>
.quote {
font-style: italic;
}
</style>
</head>
<body>
<p class="quote">Simplicity is the ultimate sophistication.</p>
</body>
</html>Removing default italics
Some elements, such as em and i, render as italic by default. You can set font-style to normal to display them upright when your design calls for it.
Turning off italics
<!DOCTYPE html>
<html>
<head>
<style>
em {
font-style: normal;
}
</style>
</head>
<body>
<p>This is <em>emphasized</em> but displayed upright.</p>
</body>
</html>Note: If a font has no dedicated italic version, the browser may synthesize a slanted look, which can differ from a properly designed italic.
