Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> p.normal { font-weight: normal; } p.lighter { font-weight: lighter; } p.bold { font-weight: bold; } p.bolder { font-weight: bolder; } p.fweight { font-weight: 600; } </style> </head> <body> <h2>Font-weight property example</h2> <p class="normal">We used normal weight here.</p> <p class="lighter">This is a lighter weight.</p> <p class="bold">We used bold weight here.</p> <p class="bolder">We used a bolder text here.</p> <p class="fweight">We set font-weight 600 here.</p> </body> </html>