Seesaaブログを利用していて、以前から文字サイズが気になっていました。
記事本文の文字の大きさが小さく、行間も狭くて「ゴチャゴチャ」と書かれている印象が強かったのです。

有効的なブログ記事の書き方を参照していたところ、「基本中の基本で、無視できないこと」として「背景色、文字の色や大きさ、フォントの組み合わせは適正か」という項目がありました。

やはり文字の大きさや見やすさは、訪れた人への配慮であり、重要なことと考え見直してみることにしました。

ブログサービスのヘルプには、CSS記述についての解説は掲載されていないため、ネット検索してみるとヒットするものですね。

CSSの編集


ブログ編集画面の中から、
「デザイン」→「デザイン設定」→「現在利用中のテンプレート」をクリック→スタイルシートの編集画面が開きます。

SeesaaブログCSS編集.jpg

  • .text{}内に記載のある
    ・font-size:を変更すれば、記事本文の文字サイズを変更可能
    ・line-height:を変更すれば、記事本文の行間を変更可能

.text{
font-size:16px;
margin-top:0px;
padding:5px 0px 0px 0px;
line-height:150%;
}

これでだいぶ見やすくなりました。

↓参考にさせていただいたサイトです。
>>記事内の文字のサイズ、色、太さを変更する
>>CSS編集で文章が読みやすいように行間を広げてみよう!



スポンサード・リンク