フォントの太さを指定する

font-weight: 太さ

太さ　　　　　　　normal・bold・ligter・bolder
　　　　　　　　　 100・200・300・400・500・600・700・800・900

font-weight プロパティは、フォントの太さを指定します。
「bold」を指定すると一般的な太字になります。同じフォントファミリー中に
異なる太さのフォントがある場合、「lighter」は一段細いフォントに設定されます。
また、太さは100〜900の数値で指定することが出来ます。
この場合、標準の太さ「normal」は400で、「bold」は700に相当します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--
ul {
font-size: xx-large;
font-family: "Times New Roman",Times,serif
}
#bold { font-weight: bold }
#w400 { font-weight: 400 }
#w500 { font-weight: 500 }
#w600 { font-weight: 600 }
#w700 { font-weight: 700 }
#w800 { font-weight: 800 }
#w900 { font-weight: 900 }
em {
color: #ff3300;
background-color: #ffffff;
font-style: normal
}
-->
</style>
</herd>
<body>
<h1>フォントの太さを指定する</h1>
<ul>
<li>font-weight: <em>normal</em></li>
<li id="bold">font-weight: <em>bold</em></li>
<li id="w400">font-weight: <em>400</em></li>
<li id="w500">font-weight: <em>500</em></li>
<li id="w600">font-weight: <em>600</em></li>
<li id="w700">font-weight: <em>700</em></li>
<li id="w800">font-weight: <em>800</em></li>
<li id="w900">font-weight: <em>900</em></li>
</ul>
</body>
</html>