blog.nambo.jp

Octopressの見出しのフォントサイズを変更する

Octopressはデフォルトのデザインも美しく概ね気に入っているのですが、フォントサイズが大きすぎるように感じられ気になっていました。

特に見出しのh1, h2, h3のfont-sizeが巨大すぎる気がするので、このブログでは sass/custom/_styles.scss に以下のCSSを追記してフォントサイズを小さくしています。

sass/custom/_styles.scss
1
2
3
4
5
6
7
8
9
10
11
h1 { font-size: 1.2em;}

h2 { font-size: 1.1em;}

h3 { font-size: 1.0em;}

#content .blog-index {
  article h1 {
    font-size: 1.2em;
  }
}

これでだいぶ読みやすくなった気がします。