home
play_circle_filled
menu
cached
settings_brightness
Run
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html lang="en"> <head> <title>CSS font Example</title> <style> 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; } </style> </head> <body> <h1>CSS font Example</h1> <p id="p1">Lorem Ipsum is simply dummy text. </p> <p id="p2">Lorem Ipsum is simply dummy text. </p> <p id="p3">Lorem Ipsum is simply dummy text. </p> <p id="p4">Lorem Ipsum is simply dummy text. </p> <p id="p5">Lorem Ipsum is simply dummy text. </p> <p id="p6">Lorem Ipsum is simply dummy text. </p> <p id="p7">Lorem Ipsum is simply dummy text. </p> <p id="p8">Lorem Ipsum is simply dummy text. </p> </body> </html>