textbox.jp :: ネタ帳（旧）

去年11/27に書いた、Mac版FirefoxをCSSで慰めるネタについて、あの後お仕事でもぼちぼち使ううちに少々変更したので書いておきます。

で、ただFirefoxを慰めるだけではつまらんので、巷で言われてたMac版InternetExplorerでの文字化け対策もあわせてやってみました。

とりあえずは下図（クリックで拡大します）を参照。

［Default］はCSS無指定。

［Type1］は次の指定。
* {font-family: Lucida Grande, Verdana, sans-serif;}

［Type2］は次の指定。
* {font-family: Lucida Grande, Verdana, sans-serif;}
input, select, textarea {font-family: Osaka, ＭＳ Ｐゴシック;}

Mac版Firefoxでのベースライン崩れは、ヒラギノ丸ゴなどを指定しても同様だったので、つまりはヒラギノ書体を指定しなければ良いということらしい。

既存のものがあれば「input〜」の行だけを一番下に加えてやれば対応完了。Macの表示では、デザイン上ちょっとボタンまわりが目立ってしまいますが、形が大きく崩れるよりはだいぶ良いと思います。
お試しあれ。