twentyelevenのフォント周りをいじくり倒した

行間、文字の大きさを調整

Twentyelevenのデフォルトフォントの文字の大きさや行間がどーも気になっていたので、若干ですが手を加えました。

twentyeleven,フォント,変更 twentyeleven,フォント,変更

フォント全体に影響するっぽい値

/* =Global ※僕の場合:365行 を検索。body, input, textarea のfontを15pxから12pxに変更

Pタグの数値を変更

僕の場合、やたらと<p>タグを使うのですが、<p>タグが連続した時の行間の空きがどーも許せないので、狭めました。 /* Text elements */ ※僕の場合は397行目 を検索。マージンボトムの数値を変更しました。

タグも連動して文字サイズが変化

恐らくですが、/* =Globalで編集した文字が基準値となり、h1、h2、H3の大きさが設定されているっぽいです。

  • font-size:1.3em→基準サイズに対し、1.2倍
  • font-size:1.1em→基準サイズに対し、1.1倍。等倍ってこと
  • font-size:1em→基準サイズに対し、1倍。等倍ってこと