<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>文字サイズと文字数の指定</title>
<link rel="stylesheet" href="../nobitastyle.css" type="text/css">
</head>
<body onCopy="alert('無断コピーを禁止いたします');return false">
<div id="layout">
<div id="container">

<div id="header">
<!--#include virtual="/ssi/head.html"-->
</div>
<p class="pan">
<a href="../index.html">内職！節約副収入生活</a>　&gt;　
<a href="../affiliate/index.html">「アフィリエイト」編</a>　&gt;　
文字サイズと文字数
</p>

<div id="main">

<h1 class="title">文字サイズと文字数の指定</h1>
<p class="pankuzu">あんまり意識しないでも、自然と常識の範囲内におさまると思います。</p>

<H2 class="titlecolor">1.文字の大きさについて</H2>
<P>文字の大きさの指定の仕方には、次の２種類があります。</P>
<OL class="numberlist">
<LI>相対的に大きさを指定する方法
<P class="listin">（em(大文字のＭの高さを基準に)、ex(小文字のxの高さを基準に)、%(ﾊﾟｰｾﾝﾄ)、X-small(7段階の大きさ)などで指定します。）</P>
<LI>絶対的に大きさを指定する方法
<P class="listin">（ﾐﾘ(mm)､ﾎﾟｲﾝﾄ(pt)､ｲﾝﾁ(in)､ﾋﾟｸｾﾙ(px)などで指定します。）
（注：ピクセルは厳密には相対的な扱いです。）</P>
</OL>
<P>この２つの差は、「ブラウザで文字サイズの大きさを変更できるか」という点にあります。
アクセシビリティを考えると、相対的に文字の大きさを指定するのが理想です。</P>
<P>相対的に文字の大きさを指定すれば、利用者がブラウザで文字の大きさを変更して見ることが出来、自分の視力に合わせることが出来ます。</P>
<P>ちなみに、インターネットエクスプローラーを利用している人は、
「表示」→「文字のサイズ」→「自分の見たいサイズに変更」で、
文字のサイズを変更することが出来ます。</P>
<P>当サイトでは、文字の大きさを「%(ﾊﾟｰｾﾝﾄ)」で指定している為、ブラウザで文字サイズの大きさを変更出来ます。</P>
<P>世の中には、大きな文字が見やすい人もいれば、小さな文字が見やすい人もいます。
また、使っているパソコンやブラウザによって、意図したサイズと違う大きさで見える場合もあります。
ユーザーの事を考えたら、文字サイズを相対指定にするか、文字サイズ変更用のスタイルシートを用意したいところです。
もちろん、Ｙａｈｏｏ！などの大手企業では、相対的に文字の指定をしている場合が多いです。</P>
<P>絶対的に文字の大きさを指定する場合は、見ている側が任意に文字の大きさを変更することが出来ないので、
文字の大きさが小さくなりすぎないように注意を払う必要があります。</P>

<H2 class="titlecolor">2.デザイン面での文字の大きさ</H2>
<P>一般に、文字の大きさは小さければ小さいほどクールな印象を与え、大きければ大きいほど子供っぽい印象を与えます。
（デザイン等で全く違うものになりますが、それは置いときます・・・。）</P>
<P>見やすくかつクールな印象を与える文字の大きさを、あなたのホームページのデザインと相談して考えてみてください。
文字の大きさを変えるだけで、全く違ったページに見えるかもしれません。</P>
<P>当サイトでは、見やすさを考え、文字サイズ「中」の時に、やや大きめの文字になるように設定しています。</P>

<H2 class="titlecolor">3.横への文字数</H2>
<P>このページは見やすいでしょうか？</P>
<P>一般的に、１行の文字数は４０～６０文字程度が見やすいと思います。少なすぎても多すぎても読むのが大変です。</P>
<P>もちろん、あなたのホームページデザインと相談して総合的に判断しましょう。</P>

<!--#include virtual="/ssi/paffiliate.html"-->

<!--#include virtual="/ssi/pmain.html"-->

</div>

<div id="sub">
<!--#include virtual="/ssi/rtop.html"-->
</div>

<br class="cb">

<div id="footer">
<!--#include virtual="/ssi/foot.html"-->
</div>
</div>
</div>
<!--#include virtual="/ssi/aaffiliate.html"-->
</body>
</html>