Compare font style settings:normal,italic,oblique in HTML and CSS
Description
The following code shows how to compare font style settings:normal,italic,oblique.
Example
<html>
<head>
<style type='text/css'>
body {<!-- www.j a va 2 s.c o m-->
color: #000000;
background-color: #ffffff;
font-family: arial, verdana, sans-serif;
font-size: 12px;
}
td {
width: 200px;
}
p.one {
font-style: normal;
}
p.two {
font-style: italic;
}
p.three {
font-style: oblique;
}
</style>
</head>
<body>
<h1>font-style</h1>
<p class="one">This is a normal font</p>
<p class="two">This is an italic font</p>
<p class="three">This is an oblique font</p>
</body>
</html>
The code above generates the following result.
