ブラウザの文字サイズをテスト - Bluehawk's lab.

FirefoxとInternetExplorerで同じ大きさになる「pt,px,%」指定を調べてみました。(htmlやCSSの記述、DOCTYPE指定によっては同じにならないことがありますが、目安になるかと思います)


CSS(スタイルシート)の「pt,px,%」指定で文字サイズが同じ大きさになる組み合わせ

  • ブラウザで相対表示指定を行うために同一の大きさになる文字サイズを調べたので、参考までに掲載しておきます。
  • 確認は Firefox2.0 | Opera9.10 | InternetExplorer6で行いました。
    (DOCTYPEは「<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">」です)
  • Opera9.10では下記表の6ptと7ptのところが同じ大きさになるようです
6pt 文字サイズのテスト
8px 文字サイズのテスト
50% 文字サイズのテスト
7pt 文字サイズのテスト
9px 文字サイズのテスト
56% 文字サイズのテスト
8pt 文字サイズのテスト
11px 文字サイズのテスト
69% 文字サイズのテスト
9pt 文字サイズのテスト
12px 文字サイズのテスト
75% 文字サイズのテスト
10pt 文字サイズのテスト
13px 文字サイズのテスト
82% 文字サイズのテスト
11pt 文字サイズのテスト
15px 文字サイズのテスト
94% 文字サイズのテスト
12pt 文字サイズのテスト
16px 文字サイズのテスト
100% 文字サイズのテスト
13pt 文字サイズのテスト
17px 文字サイズのテスト
107% 文字サイズのテスト
14pt 文字サイズのテスト
19px 文字サイズのテスト
119% 文字サイズのテスト
15pt 文字サイズのテスト
20px 文字サイズのテスト
125% 文字サイズのテスト

文字サイズテスト

  • 上記表のテストを行うために作成した「%」表示の一覧です。(JavaScript)
※当方の環境では47%,72%,97%,122%にFirefoxとIE6で違いがありました。