エキサイトブログデザインスキンの文字サイズを変更する

エキサイトのブログスキンによっては、文字がちょっと小さいものがありますよね、もしくはその逆で大きいとか。
今回は文字の大きさを調整するtipsをご紹介します。

HTMLベーシック3のフォントサイズを変えてみる

a0342241_18062453.png
シンプルで使い勝手のいい、HTMLベーシック3のデザインスキンをベースに、フォントの大きさを変更してみます。
悲しいかな年々目が悪くなってきていて、本文が少々小さくて読みにくいのです…。
HTMLベーシック3のスキンの場合、【body】のfont-sizeを変更してあげれば、全体が一気に変更できます。
ただし、スキンによっては変更できなかったりするので、ご注意くださいね。

a0342241_16481066.png

body {
margin: 0;
padding: 0;
border: none;
list-style-type: none;
font-style: normal;
font-weight: normal;
font-size: 78%;
text-align: left;
background: #fff ;
white-space: normal;
color: #fff;
line-height: 1.6;
font-family: "游ゴシック体", "メイリオ", "ヒラギノ角ゴ Pro W3", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif !important;}

font-size: 78%; の部分を好きな数字にしてみましょう。100%に近いほど大きく、小さいほど文字も小さくなります。


before

a0342241_17432681.png

after

a0342241_17432646.png


だいぶ見やすくなりましたね!


[PR]
名前
URL
画像認証
削除用パスワード
by exblog-tips | 2016-06-23 18:02 | 本文周り | Comments(0)

エキサイトブログをとことん使い倒すブログです。こんなことできないかな?をゆるっと募集中!


by エキブロまん