文字サイズも大切にしたいですね。 | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

ご訪問ありがとうございます。
人気ブログランキングの応援
をして頂けると励みになります。



いろいろなブログを見てみると、
結構字が小さいものがありますね。

反対に、たまにですが、
大きい字のものもあります。



サイトを訪れたお客様にとって、目に優しい文字とは、
大きくもなく、小さくもなく程よい大きさの文字でしょう。



私は、文字サイズを通常は、1.2em
タイトルや重要なものは、1.3emにしています。



具体的には、次のようにしています。



文字サイズの説明(クリックで拡大)



1 ヘッダーメニューの文字サイズは

ヘッダーメニューの文字サイズ<br />

ul#gnavi li a {
color: #FFFFFF;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
}



2 ページの文字サイズは

ページの文字サイズ

.page {
font-size :1.2em;
margin :0 auto 14px;
padding :0;
text-align :center;
}



3 記事タイトルの文字サイズは

記事タイトルの文字サイズ

h3.title {
border-bottom: 1px dashed #CCCCCC;
border-top: 1px solid #999999;
color: #333333;
font-size: 1.3em;
font-weight: bold;
height: 30px;
line-height: 1em;
margin: 0 0 1px;
padding: 15px 0 0;
}



4 記事の文字サイズは

記事の文字サイズ

#main .entry .contents {
font-size: 1.2em;
}



これがベストというわけではありませんが、
常に訪問して戴くお客様の目線で
読みやすいかどうかを考えたいものですね。



今日は、以上です。



最後まで読んでいただき、
ありがとうございました。

少しでもお役に立ちましたら、
応援お願いします!!

人気ブログランキングへ