2012/02/10 13:20:51
since 1997/2/22: 339787 today: 90 yesterday: 201

【号外】 文字の大きさを考える

| コメント(0) | トラックバック(0)

京都でフィギュアスケートの全日本選手権が開催されました。先週のオランダでの試合で、公式戦では女子で世界初の4回転ジャンプを決めた「4回転娘」・安藤美姫選手に注目が集まりましたが、彼女は残念ながら4回転ジャンプに失敗して5位でした。昨日の女子フリーの演技では、他にも3回転半ジャンプを飛んだ選手がいたそうです。女子のジャンプ技術レベルはこれからまた1段上がったところの勝負になっていくのでしょう。もちろん大事なのはそれだけではなくて、表現力も含めた全てでバランスの取れた演技なんですが…女子シングル優勝の村主章枝選手のように。

昨日は、同じ京都で全国高等学校駅伝が行われました。京都は学生時代を過ごした町なので、その町並みが背景に映り続けるこの駅伝、そして年が明けると行われる都道府県対抗女子駅伝は、毎年楽しみにしているテレビ中継です。残念ながら静岡県の陸上長距離はあまり強くないので、競技そのものとしては見ていてちょっと辛いところなんですが。


毎週ご覧いただいている方の中には、突然本文の文字が大きくなってびっくりした方もいるかも知れません。スタイルシート中の文字サイズ指定から固定値での指定を排除したので、ブラウザごとに指定されている大きさそのままに、レイアウトだけ整えて表示されます。読みやすい大きさにして読んでくださいね。ちなみに、Internet Explorer標準の場合は文字のサイズを「小」にするとこれまでとほぼ同じになります。

これまでは、スタイルシート上で基本の文字サイズを「10ポイント」と固定値で指定し、見出しなどの文字サイズはその10ポイントからの相対値(例えば12ポイントにしたいときは「120%」とか)で指定してありました。文字サイズを固定値で指定すると、ブラウザ側の文字サイズ指定の影響を受けず、常にそのサイズで表示されるようになります。文字サイズの単位はピクセル単位でも設定できますが、ここではポイント単位を使っています。この「ポイント」はワープロソフトの設定などでお馴染みですが、印刷業界では文字サイズを表す標準的な単位ですね。1ポイント=1/72インチと言う定義になっています。

Windowsの場合、インストール直後の標準設定では画面の解像度は96dpiが想定されています。「dpi」は「dots per inch」のことで、プリンタやスキャナでお馴染みの単位ですね。この前提の元にポイントやmm、インチなどの単位が変換されますから、実際にディスプレイの解像度が96dpiに作られていたなら10ポイントの文字は正しく10ポイントで表示されるわけです。昔のマルチスキャンではない時代のMacintoshはこのあたりがしっかり作られていて、ほぼ実物大に文字を表示できたそうなんですが。


実態としてディスプレイの解像度がどうなっているのかを考えると、これが結構まちまちなんですよね。例えば、15型のXGA(1024×768ドット)液晶だと、横幅は約12インチになりますから、1024÷12=約85.3dpiになります。レッツノート・CF-B5Rなどのサブノートに採用されている10.4型のXGA液晶だと、横幅は約8.3インチということで、1024÷8.3=約123dpiです。最近のハイエンドノートに搭載されている16.1型UXGA(1600×1200ドット)液晶でもこれとほぼ同じ約124dpiになりますね。VAIO Uの6.4型XGAに至っては実に200dpi。こうなるともうドットなんか見えません。ちなみに、自作デスクトップで使っているFlexScan L465の場合は約102dpiで、ここに並べた中では96dpiに最も近いですね。

先に「標準設定では」と触れているとおり、画面の解像度には96dpiの他に120dpiの設定があり、さらに自由に変更することも可能なんですが、これを変えてしまうといろいろと不具合が出てきてしまいます。一番問題になるのは、大きさがピクセル単位で決まってしまう画像オブジェクトとの相性。解像度を変えるとフォントの大きさがそれに連動して変わりますが、画像の大きさがそのままなので、結果的にレイアウトが変わってしまいます。

私もこれを嫌って文字サイズを固定したんですが、アプリケーションではさらに事態は深刻です。解像度変更に対応していないアプリケーション(対応している方が珍しいらしいんですが)だと、ボタンがダイアログからはみ出して押せなくなるなどの致命的な問題が発生します。結局のところ標準の96dpiの設定で使わざるを得ないわけです。

96dpiの画面上での10ポイントの文字が実際にはどのくらいのドットで表現されているのかを考えてみると、ちょうど12?13ドット角くらいの表示になります。この大きさだと、一字一字をじっくりと見てみるとかなり大胆に省略されていて、太字になると文字がつぶれて読みにくいという問題もあります。実は自分で「小さくて読みにくいかも、これは」と思い、文字サイズの設定を変える気になったんですよね。…もしかして、これって老眼?(笑)


文字サイズを見直すのと同時に、久しぶりに対応ブラウザの更新を行い、ついにNetscape Communicator 4.xを表示確認ブラウザから堂々と外しました…というより、このブラウザのことを考えない事にしたおかげでスタイルシートを自由に操作できるようになったんですが。

特に音楽コンテンツを大事にしたい私としては、Macintoshユーザーに見て欲しいと思っていたので、なかなかNetscape Communicator 4.xを外せなかったんですが、最近はMac使いの皆さんでもInternet Explorer人口が増えているようですし、新Mozilla系やOperaなどの選択肢もありますし…。かつては愚痴だけで1回分のWeeklyを埋めたことも何度かあった問題なんですが、このあたりで見切りを付けることにしました。最近はCommunicator 4.xでのチェックが疎かになっていましたから、実情に合わせた…ということでもあるんですけどね。

マクロミルへ登録

コメントする

トラックバック(0)

トラックバックURL: http://sskworld.sakura.ne.jp/mt/mt-tb.cgi/1566

検索

SSK World内全文検索:
SSK World内をGoogle検索:
カスタム検索
SSK WorldからGoogle Web検索:
カスタム検索

最近のブログ記事

速さをお伝えしたいのだが
私が現在使っているスマートフォン・F-05Dの最大の特徴のひ…
スマホでIP電話
スマートフォンに機種変更する前、1台の携帯電話に2つの番号を…
サーバー内でお引っ越し
SSK Worldを構成しているファイル群を、まとめて移動さ…
スマートカントリー
昨日もBESS浜松展示場に足を運んで、家造りの打ち合わせをし…
手書きの復権
スマートフォンに機種変更してから、1ヶ月少々が経ちました。最…
Disneyからパナが来た
NTTドコモから、「Disney Mobile on doc…
配線にこだわる
今週末も、家造りに向けての打ち合わせ。車を走らせて、西区のB…

最近のコメント

S.S.K. on "レッツノートに何が起こる?":
今日は右手の上に「TOUGH」の文字が載りました。タフはレッ…
S.S.K. on "レッツノートに何が起こる?":
ティザーサイトの画が変わりました。一瞬だけ映る右手…これが折…
S.S.K. on "充電器が届きました。":
HSJ-099WHをつないでF-05Dを充電してみようとした…
S.S.K. on "予約はしてみたが":
つい先ほど、ちょうど再びF-05DのテレビCMを見る機会があ…
S.S.K. on "ちょっとずつ見えてきた":
F-05Dでもう一つ明らかになっている、ちょっと嬉しい新事実…
S.S.K. on "AndroidでもATOK月々300円":
ATOK Passportの開始と共に公開された最新版のAT…
S.S.K. on "第一印象":
MEDIAS LTE(仮)の写真をもうちょっと詳しく見てみま…

最近のトラックバック

"『5』じゃなかった・・・。" on "Sasatch Blog" →"5ではなく4Sだった":
今朝のニュースやワイドショーでも取りあげられていたAppl…
"iPhoneの2年縛りは卒業しましたが・・・" on "Sasatch Blog" →"スマホで2番号":
ちまたではiPhone5が10月に登場するのではないかとい…
"最近気になる携帯電話。" on "Sasatch Blog" →"スマホな男":
購入から1年半が過ぎ、ちょっぴりiPhone 3GSから気持…
"なすび~号、北の大地へ。(その4)" on "Sasatch Blog" →"日本一早い紅葉":
9月25日はいよいよ日本一早い紅葉を見るために黒岳に登る日…
"なすび~号、ニス塗り。" on "Sasatch Blog" →"片付けなくちゃ":
またまたなすび~号ネタ(爆)。 先日タイルカーペットを敷き…
"本家、復活。" on "SSK World @nifty分室" →"半年ぶりの本家":
4月から営業休止中だったSSK Worldですが、ようやく修…
"谷亮子選手" on "航海長 防衛省 " →"ママでは銅":
ママでは銅... は、「連続金メダル」を期待してしまいますよ…

フィードの購読

Powered by(広告)