見よ!これが M+ font と CSS font-weight の実力だ!
太字と標準しかない他のゴシック体のフリーフォントとは気合が違うんだよ!

あなたのブラウザでの表示(予め mplus-1p-*.ttf をすべてインストールしておく必要があります。)
font-weight: 100; 新しい朝が来た希望の朝。
font-weight: 200; 新しい朝が来た希望の朝。
font-weight: 300; 新しい朝が来た希望の朝。
font-weight: 400; 新しい朝が来た希望の朝。
font-weight: 500; 新しい朝が来た希望の朝。
font-weight: 600; 新しい朝が来た希望の朝。
font-weight: 700; 新しい朝が来た希望の朝。
font-weight: 800; 新しい朝が来た希望の朝。
font-weight: 900; 新しい朝が来た希望の朝。
font-weight: 200; 新しい朝が来た希望の朝。
font-weight: 300; 新しい朝が来た希望の朝。
font-weight: 400; 新しい朝が来た希望の朝。
font-weight: 500; 新しい朝が来た希望の朝。
font-weight: 600; 新しい朝が来た希望の朝。
font-weight: 700; 新しい朝が来た希望の朝。
font-weight: 800; 新しい朝が来た希望の朝。
font-weight: 900; 新しい朝が来た希望の朝。
HTMLソースコード
<div style="font-family: 'M+ 1p'; font-size: 14pt; border: solid thin #aaa;">
<span style="font-weight: 100;">font-weight: 100; 新しい朝が来た希望の朝。</span><br />
<span style="font-weight: 200;">font-weight: 200; 新しい朝が来た希望の朝。</span><br />
<span style="font-weight: 300;">font-weight: 300; 新しい朝が来た希望の朝。</span><br />
<span style="font-weight: 400;">font-weight: 400; 新しい朝が来た希望の朝。</span><br />
<span style="font-weight: 500;">font-weight: 500; 新しい朝が来た希望の朝。</span><br />
<span style="font-weight: 600;">font-weight: 600; 新しい朝が来た希望の朝。</span><br />
<span style="font-weight: 700;">font-weight: 700; 新しい朝が来た希望の朝。</span><br />
<span style="font-weight: 800;">font-weight: 800; 新しい朝が来た希望の朝。</span><br />
<span style="font-weight: 900;">font-weight: 900; 新しい朝が来た希望の朝。</span><br />
</div>