Set font-family to monospace in HTML and CSS

Description

The following code shows how to set font-family to monospace.

Example


<html>
<head>
<style type='text/css'>
body {<!--   w ww  . ja  v  a2  s . c  om-->
font-family: monospace;
}
div {
font-weight: bolder;
}
</style>
</head>
<body>
This font is normal.
<div>
This font is bolder than the font for the &lt;body&gt; element.
</div>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set font-family to monospace in HTML and CSS
Home »
  HTML CSS Tutorial »
    Text »
      Font Family
HTML CSS Tutorial Font Family
Set font-family for two value in case the f...
Set font-family to cursive in HTML and CSS
Set font-family to monospace in HTML and CS...
Set font-family to sans-serif in HTML and C...
Set font-family to serif in HTML and CSS