カスタマイズ方法|文字の大きさを変更する

Loading

スポンサードリンク

変更部分
  • body
  • bodyを基準に各要素で個別指定

ポイント

テンプレート枠ではbody部分で文字の大きさ(フォントサイズ)を一括指定しています。各要素へ個別に指定する際は、bodyに指定したサイズが基準となります。

カスタマイズ方法

body {
  font-size: 0.85em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
}

/*----------下記が変更後のソース*/

body {
  font-size: 90%;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
}

カスタマイズ方法-個別要素

body {
  font-size: 90%;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
}

/*

上記90%が基準となります
指定したい要素に下記を挿入

font-size: 値;

*/

h1 {
  text-align: ***;
  font-size: 160%;
  font-weight: normal;
}

#sidebar {
  font-size: 90%;
  float: left;
  width: 180px;
  padding: 4em 10px 2em;
}

#footer {
  font-size: 120%;
  clear: both;
  padding: 0.5em 0 1em;
}

スポンサードリンク