textbox.jp :: ネタ帳(旧)

Ads

Neta

« 備忘録 :: 040507TOP050124 :: 備忘録 »

RSS1.0] 

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で見ると、こんな塩梅でぐっと変わります。ちみっとお試しあれ。

● 追記050329:追補版を新しいエントリに書きました。

←使用前
 
←使用後

[ Posted at 2005/02/17 00:00 ]

Comment

Backnumber

Category

Archive