読みやすくなるようにCSSのfont-sizeとfont-familyを変更してみた

ブログの文字が少し小さく読みづらかったので、CSSをいじってみました。
まず、bodyのfont-sizeが
font-size:small;
になっていたので
font-size:normal;
に変更。
その他、コメントは、さらに小さく
.comments-body {font-size:x-small;}
になっていたので、
.comments-body {font-size:normal;}
ついでに、x-smallまたは small になっているところは、全て、normal に変更してみました。
また、font-family が
font-family:”MS Pゴシック”;
になっていたので
font-family: Helvetica,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”MS Pゴシック”,sans-serif;
に変更しました。
この設定の狙いは以下です。
・Windows7、Vistaでは ‘メイリオ’
・WindowsXPでは ‘MS Pゴシック’
・Macでは ‘ヒラギノ角ゴ Pro W3′
・Macにoffice系のソフトをインストールするとメイリオフォントがインストールされてしまう。macでメイリオフォントが適用されるとあまり綺麗じゃないので、ヒラギノ角ゴ Pro W3′を先に指定
・英数字部分は日本語フォントでない英数字フォントを適用したいので先に指定
見やすくなったでしょうか?
それとも、デカすぎ?^^;


2012/09/30 逆に見づらい気がしてきたので、font-sizeを normal を全てsmallに変更しました

↓ 参考になるブログがたくさんあります!ぜひどうぞ! ↓
にほんブログ村 その他日記ブログ 日々のできごとへ

スポンサーリンク