〜スタイルのいい文字並び〜

ホームページの行間って、詰まりすぎていて読みにくいですね。せっかくの力作も見る側からすれば「目が疲れる」だけかもしれません。。。改行には＜ｂｒ＞と＜ｐ＞のタグがありますが、どちらも中途半端です。
文字を読みやすくするためには、文字サイズの１．５〜２倍の行間が良いとされています。簡単な仕掛けでそれを実現しましょう。

＜ｈｅａｄ＞〜＜/ｈｅａｄ＞のタグの間に、以下のタグを入れてください。
<style type="text/css">
<!--
.font1 { font-size: 60%; font-style: normal; color: #333333 ; line-height: 150%}
.font2 { font-size: 80%; font-style: normal; color: #333333 ; line-height: 150%}
.font3 { font-size: 108%; font-style: normal; color: #333333 ; line-height: 150%}
.font4 { font-size: 120%; font-style: normal; color: #333333 ; line-height: 150%}
-->
</style>

文中のタグを以下のようにしてみてください。
<span class="font3">文章</span>

以下、作例です。下段に表記されてるのがタグです。

スタイルのいい文字並び
強制改行ではこんな感じ
文字の大きさはデフォルト（１２ポイント相当）

スタイルのいい文字並び <br>
強制改行ではこんな感じ<br>
文字の大きさはデフォルト（１２ポイント相当）

スタイルのいい文字並び
今度はスタイル使用（タグ見てね）
文字の大きさはタグでセットしておきます。

<span class="font3">スタイルのいい文字並び<br>
今度はスタイル使用（タグ見てね）<br>
文字の大きさはタグでセットしておきます。</span>

【ＴＯＰページに戻る】

当サイトのテキスト・画像はフリーではありません。無断で複製・転載することは固くお断りします。
(C)2000-2001 G-Ring Shimonao