Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS Font Weight</title> </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:lighter;">This font is lighter.</p> <p style="font-weight:100;">This font is 100 weight.</p> <p style="font-weight:200;">This font is 200 weight.</p> <p style="font-weight:300;">This font is 300 weight.</p> <p style="font-weight:400;">This font is 400 weight.</p> <p style="font-weight:500;">This font is 500 weight.</p> <p style="font-weight:600;">This font is 600 weight.</p> <p style="font-weight:700;">This font is 700 weight.</p> <p style="font-weight:800;">This font is 800 weight.</p> <p style="font-weight:900;">This font is 900 weight.</p> </body> </html>