はてなブログで文字サイトと行間を設定する方法【見た目も大事】

ブログ記事は読んでもらえる内容を書かているかが最も大切ではありますが、見た目の読みやすさにも気をつかう方が良いです。

はてなブログで記事内にある文字のサイズと行間の設定をしたので、その方法を紹介しますた。

文字サイズと行間の設定

パソコンの設定

｛｝デザインCSS に以下のコードを入れます。
.entry-content {
  font-size: 18px;
  line-height: 2.0;
}

スマートフォンの設定

ヘッダのタイトル下 にパソコンと同じ以下のコードを入れます。
.entry-content {
  font-size: 18px;
  line-height: 2.0;
}

これだけです。

あとは数字を変更し、自分の納得できる文字サイズや行間に調整をおこないます。

また、メモ書きとして 以下のようにコード上に /* 文字サイズと行間 */ と記述しておくと何の設定コードかが一目で分かります。

/* 文字サイズと行間 */
.entry-content {
  font-size: 14px;
  line-height: 2.0;
}

以上でーす。