Increase or decrease how bold or light a font appears with CSS


The font-weight property provides the functionality to specify how bold a font is. Possible values could be normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900.

<html>
   <head>
   </head>
   <body>
      <p style = "font-weight:bold;">This font is bold.</p>
      <p style = "font-weight:bolder;">This font is bolder.</p>
      <p style = "font-weight:400;">This font is 500 weight.</p>
   </body>
</html>

Updated on: 30-Jan-2020

215 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements