ウィンドウズ（以下Win）でも見られるデザインを目指して、次に「ブログ本文のフォントを調整」することにしました。
これはちょっとしか修正していないので公開するほどではないのですが、自分が忘れないようにメモとして残しておきます。
ブログ本文の部分、スタイルシートで言うとcontet pの部分を修正しました。
はじめ、スタイルシートはこの形でした。
.content p {
color: #002d2d;
font-family: Verdana, Arial, sans-serif;
font-size:small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
color: #002d2d;
font-family: Verdana, Arial, sans-serif;
font-size:small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
これだとマックでは違和感なく見えるのに、ウィンドウズでは妙にフォントが大きくバランスが悪く見えてしまうのでフォントの指定を相対的な指定である「small」ではなく絶対的な指定で「12px」と敢えて指定してみました。
なので、修正箇所も「font-size」の部分だけです。
以下もスタイルシートのみの修正です。
.content p {
color: #002d2d;
font-family: Verdana, Arial, sans-serif;
font-size:12px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
color: #002d2d;
font-family: Verdana, Arial, sans-serif;
font-size:12px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
若干、WinとMacで見え方が違い、納得できるものにはならなかったのですが一旦ここで妥協しておくことにします。
ほかに何か良い案があったら教えてください。m(_ _)m
それにしても、WinのIEは手強いです！！(^◇^;)
これ、IE7になって更に手強くなってるってことはないですよね？(^^;)
+++ 関連記事 +++
posted by ゆう at 21:57
|
|
