font weight : font weight « CSS « HTML / CSS
- HTML / CSS
- CSS
- font weight
font weight
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type='text/css'>
body {
font-family: "Rockwell";
}
</style>
</head>
<body>
<p style='font-weight: normal;'>
This font is normal.
</p>
<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>
Related examples in the same category