The Trap of Web Design

• こんな一覧でチェック
• 使えるフォントサイズまでは絞り込んだがまだ気に入らない部分がある

最近気になっていたウインドウズ上でブラウザによってフォントサイズが違う点をなんとかせねばと思い立ち仕事もせずにチェックしていた。このサイトのブログ部分のフォントサイズがその問題となる 66.6% という指定だったため、とりあえずここで落ち着くサイズを検討した。本当はポイントでいうところの 9ポイント となるサイズが希望なのだけど、ウインドウズの日本語環境デフォルト状況ではそのサイズが「ない」ため、10ポイント相当の指定か8ポイント相当のどちらかにしなければブラウザ間の互換が確保できないのであった。

8ポイント相当指定（65%）では本文にしてはやはり小さすぎて他で相対的に小さくしたいときにすでに選択フォントサイズがなくなってしまうので、仕方なく10ポイント（75%）にして行間指定でなんとか落ち着かせた。横幅もそれにあわせてピクセルサイズを変更した。いつのまにかホームと個別アイテムページで上下のマージン（ついでに左右も）がずれてしまったので修正予定なのだが、すでにシートの記述順が見づらくなっているのであとで整理しよう。

まだ font-family で、英文フォントと和文フォントを両方指定した場合の Opera のベースラインのズレや、IE が文字コードの影響を受ける点に関して状況把握と問題回避をできていない。細かいコトではあるけれどなんらかの手段があって問題解決するならそれにこしたことはない。

関連事項としてろーかるとらっくばっくしてみよっと。