テキスト指定例リスト

■ 8. 各種フォントサイズとブラウザ互換性

【このページ内のトピック： 「Ctrl-矢印」でフォーカス移動・「G/T」連打で自動ナビ】

8.1 各種フォントサイズの比較 8.2 IE4.0,IE5.0,IE5.5,IE6.0 8.3 IE3.0 8.4 NS4.5,NS4.75 8.5 NS6.0,NS7.0 8.6 Opera6.05,Opera7.0 8.7 MacIE5.0 (03/2/17追加) 8.8 総評

■ 8.1 各種フォントサイズの比較

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
size=4		美しい日本語		Stylish English
size=3		美しい日本語		Stylish English
size=2		美しい日本語		Stylish English
size=1		美しい日本語		Stylish English
medium		美しい日本語		Stylish English
small		美しい日本語		Stylish English
x-small		美しい日本語		Stylish English
xx-small		美しい日本語		Stylish English
100%		美しい日本語		Stylish English
90%		美しい日本語		Stylish English
80%		美しい日本語		Stylish English
70%		美しい日本語		Stylish English
60%		美しい日本語		Stylish English
50%		美しい日本語		Stylish English
16px		美しい日本語		Stylish English
14px		美しい日本語		Stylish English
12px		美しい日本語		Stylish English
10px		美しい日本語		Stylish English
9px		美しい日本語		Stylish English
8px		美しい日本語		Stylish English
1pc		美しい日本語		Stylish English
12pt		美しい日本語		Stylish English
10pt		美しい日本語		Stylish English
8pt		美しい日本語		Stylish English
6pt		美しい日本語		Stylish English
1em		美しい日本語		Stylish English
2ex		美しい日本語		Stylish English
0.167in		美しい日本語		Stylish English
0.423cm		美しい日本語		Stylish English
4.23mm		美しい日本語		Stylish English

■ 8.2 IE4.0,IE5.0,IE5.5,IE6.0

	size3=small=1[em]=2[ex]=100[%]=1[pc]=12[pt]=0.167[in]=0.423[cm]=4.23[mm]=16[px]=デフォルト IE4.0では0.167[in]がやや小さい
	size4=medium
	ユーザによるフォントサイズ変更は size,キーワード(small等),%,em,exに反映 pc,pt,in,cm,pxによって指定されたものは不変
	em,exはフォントサイズ変更時に大きさの変化量が大(IE5.0,IE5.5,IE6.0)

■ 8.3 IE3.0

	size2=small
	size3=medium=100[%]=1[pc]=12[pt]=0.167[in]=16[px]=デフォルト 0.423[cm]=4.23[mm]が若干小さい。
	ユーザによるフォントサイズ変更は size,%に反映。 キーワード,pc,pt,in,cm,pxによって指定されたものは不変。
	[em],[ex]による指定は小さすぎて判読できない。IE3.0には使わない方が無難。

■ 8.4 NS4.5,NS4.75

	size3=small=14[px]=10[pt]=デフォルト 丸め誤差のためか14[px]=10[pt](IE6では異なるサイズ)。 1[em]=2[ex]=100[%]=12[px] (これらは上より若干小さいが [px]以外は フォントサイズを変更すると一致する場合がある)
	size4=medium=1[pc]=12[pt]=0.167[in]=16[px] 0.423[cm]=4.23[mm] (これらは上より若干小さいが [px]以外は フォントサイズを変更すると一致する場合がある)
	デフォルトのフォントサイズが14[px]程度で小さい
	ユーザによるフォントサイズ変更は [px]以外は全て反映

■ 8.5 NS6.0,NS7.0

	size2=small
	size3=medium=1[em]=2[ex]=100[%]=1[pc]=12[pt]=0.167[in]=0.423[cm]=4.23[mm]=16[px]=デフォルト NS7.0では[ex]についてはフォントに依存する模様。 emの1/2より若干小さめのことが多い(1/2.25など)。 しかしフォントがmonospaceだと逆に大きいこともある。
	ユーザによるフォントサイズ変更は[px]も含め全てで反映。
	[ex]はフォントサイズ変更時に大きさの変化量が大([em]は普通) (NS6.0)。

■ 8.6 Opera6.05,Opera7.0

	size3=small=1[em]=2[ex]=1[pc]=12[pt]=0.167[in]=0.423[cm]=4.23[mm]=16[px]=デフォルト 100％がやや小さい(Opera7.0では修正された)。 逆にOpera7.0では0.167[in]が小さい。
	size4=medium
	Operaではフォントサイズ変更の代わりに表示内容全体を拡大縮小する機能がある。 そのためレイアウトは何れのフォントサイズ使用時も崩れない。

■ 8.7 MacIE5.0 (03/2/17追加)

	size3=small=1[em]=100[%]=1[pc]=12[pt]=0.423[cm]=4.23[mm]=16[px]=デフォルト 2[ex]がかなり小さい。0.167[in]がやや大きい。 16[px]=14[px]=100%=90%になっている。 (但しフォントの組合せや「なめらかな文字で表示する」場合は 異なるかもしれません。)
	size4=medium
	ユーザによるフォントサイズ変更は[px]も含め全てで反映。

■ 8.8 総評

	基本的に 1[em]=2[ex]=100[%]=1[pc]=12[pt]=0.167[in]=0.423[cm]=4.23[mm]=16[px](Windows,Mac), 12[px](古い？Mac) であり ブラウザのデフォルトのフォントサイズと一致する模様(NS4以外)。
	NS6+,IE3.0ではデフォルトのフォントサイズはmediumと一致するが IE4+,NS4,Operaではsmallと一致している。 これらのキーワードによってフォントサイズを指定すると ブラウザ間差異が出るので注意。
	NS4はデフォルトのフォントサイズが他のブラウザに比べて小さい。
	NS4,Opera6では100%を指定してもデフォルトより小さくなっている。 例えば80%などを指定すると予想より小さくなる可能性有り。
	文字サイズを固定するにはピクセル値[px]を使う(但しNS6+で固定不可)。 NS6+でも固定するはテキストの代わりに画像を使う。
	文字サイズを可変にするにはsize,キーワード(small等),パーセント,[em],[ex]を使用。 IE3.0も考慮する場合はsizeかパーセントに。 em,exはIE5+では大きさが急激に変化するので注意。

【きぃなび情報】 ・ホーム ・使い方＆試す ・キー割当て表示			【関連リンク】 ・JavaScriptバグ＆回避法 ・HTML,CSSバグ＆回避法 ・JavaScript小技集
	テキスト指定例リスト 目次 【数字キーでアクセス】 例 ： 「2.1節」は「2｣キーを2回連打して移動。「Q or P」で戻る。 「Ctrl-矢印」でフォーカス移動。
		1. 目次 2. HTMLテキスト関連一般 3. HTML その他 4. スタイルシート フォント関連 5. スタイルシート テキスト関連 6. フォントファミリー指定例 7. フォントサイズ指定例 8. 各種フォントサイズとブラウザ互換性 8.1 各種フォントサイズの比較 8.2 IE4.0,IE5.0,IE5.5,IE6.0 8.3 IE3.0 8.4 NS4.5,NS4.75 8.5 NS6.0,NS7.0 8.6 Opera6.05,Opera7.0 8.7 MacIE5.0 (03/2/17追加) 8.8 総評 9. 縦書き（追加作成中）