font-weight: ***;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

The font-weight property specifies the weight of the font.


p {
font-weight: bold;
}
Property Value Explanation
font-weight bold bold font
normal normal font (default)

The font weight can also be specified by using the following keywords or numbers.

The nine weight numbers :
[light] 100, 200, 300, 400, 500, 600, 700, 800, 900 [bold]

The default is "400".

font-weight: 100
font-weight: 900

The lighter and bolder :
lighter, bolder

font-weight: lighter
font-weight: bolder

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

#example1 { font-weight: bold; }
#example2 { font-weight: normal; }

</style>

</head>
<body>

<p>The font weight is <span id="example1">bold</span></p>
<p><strong>The font weight is <span id="example2">normal</span></strong></p>

</body>
</html>
Output

The font weight is bold

The font weight is normal