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

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

<head>〜</head>のタグの間に、以下のタグを入れてください。
<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>

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

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

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

スタイルのいい文字並び
今度はスタイル使用(タグ見てね)

文字の大きさはタグでセットしておきます。

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

【TOPページに戻る】

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