anpontan @Wiki -

フォントサイズ

最終更新:

anuban

- view
管理者のみ編集可

絶対指定(absolute size)

  • 画面を構成する点(ドット、画面を構成する最少構成要素)の1辺を単位基準とするpx(ピクセル)
pxで指定すると、Macでは、Windowsで見るよりも、フォントサイズが4/3倍になってしまう
  • 実寸を単位基準とするmm/cm/pt/in/pc

相対指定(relative size)

1~7
small
%(デフォルトの何%の大きさか)
em(デフォルトの1文字の何倍か)
ex(デフォルトの"x"の大きさの何倍か)

フォントサイズ Win IE5

16px 12pt
13px 10pt
12px 9pt



ブラウザのデフォルトフォントサイズ Internet Explorer 6.0

12pt (16px, 1em)

Firefox

IEより文字が小さくてページが見にくくなる。
smallとかCSSで指定するとIEとFirefoxでフォントサイズが全く異なってしまう。具体的には、Firefoxでは文字が小さくなる。100%と指定。


読みやすい標準的なフォントサイズ

  • 12pt? シニアなら14pt
  • 1行あたりの文字数は25字~45字程度
  • line-height: 170%;

サンプル

@wiki - 11pt
excite - SMALL
fc2 - 13px
jugem - 11pt
忍者 - 10pt
はてな - ?
記事メニュー
目安箱バナー