フォントの太さを指定します。
<div class="SAMPLE sample0"> <p>abcdefg hijklmn opqrstu vwxyz</p> <p>ABCDEFG HIJKLMN OPQRSTU VWXYZ</p> <p>0123456789</p> <p>あかさたなはまやらわ</p> <p>アカサタナハマヤラワ</p> <p>壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会</p> </div>
標準。
div.sample0 { font-weight: normal; }
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会
太くします。
div.sample1 { font-weight: bold; }
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会
より太くします。※boldとほとんど変わりません。
div.sample2 { font-weight: bolder; }
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会
細くします。といっても、通常のサイズではそれ以上細くできないです。
div.sample3 { font-weight: lighter; }
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会