スティンガーでフォントを大きくして見やすくしたい!
私のブログではスティンガー5をつかっています。
といっても、大して詳しいわけではありません。
ウェブの情報を参考に少しずつ勉強している者です。
私が「分からない」と思ったことを書きます。
フォントが大きくならない!なぜ?
いろんな情報を見て、フォントサイズの変更を行いました。
「スタイルシート(style.css)」のコードを変更する方法です。
p {
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
}
上記の「font-size」を16pxとかに変更すればOKとの事でした。
しかし、やっても大きくなりません。
30pxにしても同じ大きさのままです。
色々調べても分からず、正直嫌になっていました。
スタイルシート(style.css)のコードのどこを変更するの?
私は当初、以下の場所を変更していました。
スタイルシートの上から100行目あたりです。
/*--------------------------------
各フォント設定
---------------------------------*/
/* 基本の文字 */
p {
font-size: 16px;
line-height: 25px;
margin-bottom: 20px;
}
でも、ここの「font-size」をいくら大きくしても、ブログ上のフォントサイズが大きくなりません。
小さいままです。
変更するのはこちらのコードです!
本来、変更が必要なのはこちらのコードでした!
スタイルシートの上から1133行目あたりにあります。
/*--------------------------------
各フォント設定
---------------------------------*/
p {
font-size: 14px;
line-height: 27px;
margin-bottom: 20px;
}
変更したら見事にフォントサイズが大きくなりました。
ブログも読みやすくなりました。
サイズとしては、初期値の14pxから16px、もしくは17pxくらいがいいと思います。
かなり大きくて見やすい文字になりますよ。
このブログの本文が17pxです。
「そんなこと知ってるよ!」と言われそうですが・・・。
今になって考えれば、簡単なことなのです。
でも、一度分からなくなるとなかなか抜け出せませんよね。
中にはいると思うんです。
こんなところでつまづく方。
私はよくつまづきます。
せっかくつまづいたので、みなさんの参考になるように内容をUPして見ました。
参考になればと思います。
ワードプレス関連の書籍も色々あるようです。
無料ブログからワードプレスに乗り換えて、試行錯誤中です。
お互い頑張っていきましょう!