ネット検索してたらタイポグラフィについて、非常にわかりやすくまとめているサイト様がありました。

■WEBタイポグラフィまとめ
http://archiva.jp/web/html-css/web-typography.html


んで一通り読んで自分の確認用に簡易的にまとめました。

---

■数字について
・ライニング数字（普段使用している文字）
→文章中に使用
・オールドスタイル数字（ベースラインはみだしてる文字）
→見出し等に使用

□オススメ標準フォント
・GeorgiaはWindows/IE、ConstantiaはVista、Hoefler Text

---

■＆について
・クラス名ampを作って指定。

□オススメ標準フォント
BaskervilleとPalatinoはMac OS、Palatino Linotype

---

■スモールキャップス（1文字目が大きいアレ）
・ font-variant: small-caps;で反映

---

■各種スペース＆合字
・そうそう使うことはなさそうだけど...

---

■<h1></h1>-<h6><h6>
・h1から24px,18px,16px,13px,11px
・セクション、ヘッダ、小見出し、小見出し内の見出し、本文。に割り振ると適切。

---

■フォントサイズ
・62.5%メソッドというのがある。
・ブラウザの基本フォントサイズの62.5％が一番見やすい。
----------引用ここから-----------
base = 16px
base = 16px * 62.5% = 10px
1em    = 10px  = 1em
1.3em  = 13px  = 1.3em
13.5em = 135px = 13.5em
----------引用ここまで-----------

---

■行間
・基本は2分あき(1.5)
・.gyoukan{lineheight:1.5;｝
と単位を指定しないと修正が楽。
・背景が黒だと狭まって見えるので行間は若干広く取る
・文字が小さくても

----------引用ここから-----------
    * 全角アキ: ほぼ正方形の文字の高さと同じ量 (2)
    * 二分アキ: 全角アキの半分の量 (1.5)
    * 三分アキ: 全角アキの3分の1の量 (1.33...)
    * 四分アキ: 全角アキの4分の1の量 (1.25)
    * 二分四分アキ: 全角アキの4分の3の量 (1.75)
----------引用ここまで-----------

---

■段落
・本文と見出しの間で段落を取る場合、
行間と同じ幅指定がグリッドにより綺麗に見える。

---

そういあ海外に多いフッターにメニューが書いてあるサイト最近作ってみやいなーと思ってます。
デザイン系サイトにも多いですよね。