View video tutorial

CSS Font-Weight

CSS

This property is used to specify the thickness of the font.

CSS font-weight

The font-weight property is used to specify the thickness and boldness of the font.

font-weight: normal | lighter | bolder | bold | number | inherit |initial | unset;  

Example

body {
  font-family: sans-serif;   
}
#p1 {
  font-weight: normal;   
}
#p2 {
  font-weight: lighter; 
}
#p3 {
  font-weight: bolder; 
}
#p4 {
  font-weight: bold;  
}
#p5 {
  font-weight: 1000;
}
#p6 {
  font-weight: initial; 
}
#p7 {
  font-weight: inherit;  
}
#p8 {
  font-weight: unset;  
}
Try it Now »

Click on the "Try it Now" button to see how it works.