textbox.jp :: ネタ帳（旧）

Neta

Diary :: 2004/11/27 :: 画面表示がわりと汚いMac版Firefoxを、CSSで慰めるネタ

コーヒー牛乳で初冬の夜長。ビバ「乳飲料」。
　
●画面表示がわりと汚いMac版Firefoxを、CSSで慰めるネタ

OSXでのフォントの扱いが特殊なのか、Mac版Firefoxで日本語ページを見ると、全ての文字が数pixel上がって表示されます。ベースラインの上に日本語がのっかってしまう印象。
で、下記は自分のサイトまでそんな表示じゃヤダーという方のためのスタイルシートネタ。
　
font-family: Lucida Grande, Verdana, san-serif;
　
Lucida GrandeはMacOSXのFinderで使われてる見やすい標準フォント。これを指定しておくと、なぜかベースラインの位置が正常になります。Verdanaは日本語Windows環境での英文の見づらさをフォロー。
CSSファイルをちまちま書き換えるの面倒という方は一番上あたりにこんな感じのを加えておけば概ね大丈夫。
　
body, p, div, input, textarea, h1, h2, h3, h4 {
font-family: Lucida Grande, Verdana, san-serif;
}
　
で、実際に使ったページをMac版Firefoxで見ると、こんな塩梅でぐっと変わります。ちみっとお試しあれ。