おそらく、Winユーザーさんにとっては、下記の表示全く意味をなさないということは100も承知ですが、表示テストも兼ねて実験です。
見た目こうなるはずです。
OS X El Capitanユーザーであれば、こんな感じで見えます（実際のテキスト）
ヒラギノ角ゴシック 0〜900
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
クレー
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
筑紫A
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
筑紫B
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
游明朝体+36ポかな
ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。
ソースはこんな感じです。
<h3>ヒラギノ角ゴシック 0〜900</h3> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:lighter;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:100;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:200;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:300;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:400;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:500;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:600;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:700;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:800;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <p style="font-family:'Hiragino Sans','ヒラギノ角ゴシック';font-weight:900;">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <h3>クレー</h3> <p style="font-family:'Klee';">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <h3>筑紫A</h3> <p style="font-family:'TsukuARdGothic-Regular';">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <h3>筑紫B</h3> <p style="font-family:'TsukuBRdGothic-Regular';">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p> <h3>游明朝体+36ポかな</h3> <p style="font-family:'YuMin_36pKn-Medium';">ただいまマイクのテスト中、あ〜、あー、本日は晴天なりー。</p>
Windowsでは使えないのですが、個人的に筑紫Aとかはキレイなフォントで、使えるようになったのが嬉しいです。