font-weight: ***;

  • 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


<title>TAG index</title>

<style type="text/css">

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



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



The font weight is bold

The font weight is normal