Syntax of writing a different font style in HTML

Syntax of writing a different font style in HTML 


 <!DOCTYPE html>

<html>

<head>

<style> 

p.normal {

  font-style: normal;

}


p.italic {

  font-style: italic;

}


p.oblique {

  font-style: oblique;

}

p.bold

{

font-style: bold;

}

p.arial

{

font-style: arial;

}

p.courier

{

font-style: Courier;

}

p.helvetica

{

font-style:helvetica;

}

p.times

{

font-style:times;

}

p.trebuchet

{

font-style:trebuchet;

}

p.verdana

{

font-style:verdana;

}


</style>

</head>

<body>


<h1>The font-style property</h1>


<p class="bold">This sentence is in bold style.</p>

<p class="normal">This sentence is in normal style.</p>

<p class="italic">This sentence is  in italic style.</p>

<p class="oblique">This sentence is in oblique style.</p>

<p class="Arial ">This sentence is in Arial  style.</p>

<p class=" Courier ">This sentence is in Courier style.</p>

<p class=" Georgia ">This sentence is in Georgia style.</p>

<p class=" Helvetica ">This sentence is in Helvetica style.</p>

<p class=" Trebuchet ">This sentence is in Trebuchet style.</p>

<p class=" Verdana ">This sentence is in Verdana style.</p>


</body>

</html>



Output Syntax of writing a different font style in HTML 


This sentence is in bold style

This sentence is in normal style

This sentence is  in italic style

This sentence is in oblique style

This sentence is in Arial  style

This sentence is in Courier style

This sentence is in Georgia style

This sentence is in Helvetica style

This sentence is in Times style

This sentence is in Trebuchet style

This sentence is in Verdana style

Comments

Last 7 Days

How to use referrerpolicy Attribute value ( no-referrer-when-downgrade ) with < iframe > tag in HTML ? with example

How to use sandbox attribute value ( allow-top-navigation) with < iframe > tag in HTML ? with example

What is < table > tag in HTML?

How to use the datalist tag in HTML?

css for code blocks