英語学習ブログの、ちょっとしたメモ

４つのブラウザで、ちょっとした実験

英語のウンヌン、を書くわけですから、当然、ローマ字を使います。

しかしこのローマ字。

使うフォントや大きさ、ブラウザによって見え方が変わるのが難点。

そこで、自宅の２台のパソコンを使って、いろいろ試してみました。

ブラウザは、IE6, IE7, Firefox, Google Chrome の４つ。

ですが、２台とも Windows なので、Mac で見るとどうなるかは、？

フォントの大きさ、ブラウザによって見え方が違う

おそらく、今はサイト・ブログとも、標準のフォントサイズは 12px でしょう。※当ブログは 14px。

12px だと、こんな感じ↓

IE7 で見ると、少し文字が太く見えます。

ただし、これは使用されているフォントによって、太くなったり、細いままだったり。

ちなみにこのブログは Verdana というフォントを使用しています。

さて。

文字の大きさを少し大きくし、14px にすると、IE7 とその他のブラウザでは見え方が変わります。

上が IE7、下が IE6, Firefox, Google Chrome。

IE7 では 12px のときよりも、さらに太字にみえる。

そして、なんとなく見づらい感じが。

そこで、文字の間隔を少しあけてみました。

スタイルシートの記事本文のところに、

letter-spacing: 1px;

と記述。

下の図は、変更前と変更後の見え方。

IIE7 での表示、個人的には、少し見やすくなった気がしますが。

どうでしょう？

びみょー？