<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS 2.1 Test Suite: font-weight</title>
<style type="text/css">
p, h4 { color: navy; }
.one {font-weight: bold;}
.two {font-weight: bolder;}
.three {font-weight: lighter;}
.four {font-weight: 100;}
.five {font-weight: 300;}
.six {font-weight: 500;}
.seven {font-weight: 700;}
.eight {font-weight: 900;}
.nine {font-weight: normal;}
b {font-weight: lighter;}
</style>
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" title="15.6 Font boldness: the 'font-weight' property">
</head>
<body>
<p> This sentence should be normal. </p>
<p class="two"> This sentence should be bolder than normal. </p>
<p class="one"> This sentence should be bold. </p>
<h4> Whatever this line looks like... </h4>
<h4 class="two"> ...this line should look bolder (or the same).</h4>
<p> <b>This sentence should be normal.</b> </p>
<p class="four"> This sentence should be very light. </p>
<p class="five"> This sentence should be slightly bolder (or the same). </p>
<p class="six"> This sentence should be slightly bolder again (or the same). </p>
<p class="seven"> This sentence should be slightly bolder still (but not the same). </p>
<p class="eight"> This sentence should be the most bold (and maybe the same as the last one). </p>
<p class="one">
This sentence should be bold.
<span class="nine"> This sentence should be normal.</span>
</p>
</body>
</html>
Codebase Browser
chromium