Quackit

This is the print version of http://www.quackit.com/css/properties/css_font-weight.cfm

CSS font-weight

Also see the full, alphabetical list of CSS properties


The CSS font-weight property is used for specifying the weight of the font. Use the font-weight property to make your font bold.

Tip: Use CSS font to set the most common font properties in one go.

Syntax: font-weight: <value>
Possible Values:
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • inherit
Initial Value: normal
Applies to: All elements
Inherited: Yes
Media: Visual
Example: p {font-weight: 900}
Try it yourself!


Also see all CSS properties listed alphabetically