[全体] [技術メモ] 各一覧の該当ページへ

Mac Safari3 の文字間が広い

[技術メモ] 2009年2月4日(水曜日) 10:56

Safari3とFirefox3で文字間が違う

「Macのフォントは文字間が広い」という認識で居たのですが、近頃のMacのFirefoxはそうでもないのですね。
というか、Firefox3とSafari3で同じプロポーショナルフォントを指定しても文字間が違ったのでびっくり。
根拠の薄い直感では、Firefoxが文字間をWindows的に縮めている感覚。

普段は余裕を持たせてコーディング

大抵のデザインでは、テキスト文字(なんたる表現^^;)のドット的長さに余裕を持たせており、文字量が多少前後してもレイアウトに大きな影響を与えない事が前提とされています。そしてHTML化も、そのポリシーに従う日常です。

調整が必要なケースも

Mac Safari3だけデフォルトでの文章改行位置が酷く格好悪くなってしまうケース。そこだけ画像で処理する訳にもいかず。
今回遭遇したそんなケースでは、素直に文字間を弄りました(ノ∀`)
MacのSafariだけletter-spacing:-1px;
ドット的には -2px くらいがちょうど良さげでしたが、将来Mac Webkitの挙動が変わった際に文字が重なってしまう可能性を考えると、最小限の調整で済ませたく感じ1pxに。

コメントは受け付けていません。

この投稿へのコメントは受け付けていません。