Skip to main content.

Wintryblasts Blog

Internet ExplorerとFirefoxでのfont-size指定について

IEとFirefoxでフォントサイズを指定した際に微妙に文字の大きさが変わる時の
フィックス方法を再確認しました。

実はポカミスをしていたためだったりするので反省のためにもメモ。 HTMLとCSSの文字コードが違うとずれてしまいます。
ただしfont-familyに日本語が記述されているとハックが必要です。
UTF-8の場合はピクセルではなくパーセントで指定すれば大丈夫のようです。

というわけで文字サイズの指定以前に確認しなくてはいけないこと。

・HTMLとCSSの文字コードが同じであるか?
 例えば、
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 @charset "UTF-8";
 のようになっているか?

・フォントのしては%になっているか?
 body { font-size:100%; }
 p { font-size:78%; }
 のように指定すればあまりずれないはず。
 といっても特定サイズでずれることがあるので、その場合はハックを使う。

ハックについてはコチラで。
http://wintryblasts.com/techblog/index.php?itemid=4&catid=2

修行が足りないなあと実感するのであります・・・
IE6ユーザがまだまだ多いのでクロスブラウザ対応しないと。
iPhoneなどのクロスデバイス対応はいつの日かという状態です・・・トホホ。

Comments

No comments yet

Add Comment

このアイテムは閲覧専用です。コメントの投稿、投票はできません。

About

YK
岐阜県の
ウェブデザイナーです。
興味のあることは、
Ruby on Rails,PHP,
ActionScript,XHTML,
CSS,Ajax...などなど

Feeds

RSS 2.0
Atom

Links

Wintryblasts Home
Wintryblasts.comのトップページです。

Nucleus CMS Japan
Nucleus CMS Japan official page.

WAVACオーディオラボ
素晴らしい真空管アンプを製作しているWAVACオーディオラボのホームページ。

CMONOS : http://cmonos.jp/
簡単インストールが特徴の中小規模サイト向けCMS。豊富なツールが使えます。

Login

Contents end