meta要素で文字コードを指定したページでは、font-familyプロパティにsans-serifを指定された要素内の文字が0.2emほど上方にずれて表示される。
- Category: Internet Explorer, Mac
- Tag: font-family
例示
<p style="float:left; width:8em; border:2px solid red;">
<span style="font-family:sans-serif;">サンセリフ</span></p>
<p style="float:left; width:8em; border:2px solid blue;">
<span style="font-family:monospace;">モノスペース</span></p>サンセリフ
モノスペース
「サンセリフ」をサンセリフフォントで、「モノスペース」をモノスペースフォントで表示させています。
※具体的なフォント名を指定せずに総称ファミリのみを指定することはできるだけ避けてください。
補足
総称ファミリに割り当てられるフォントは環境依存のため、バグが発生する環境と発生しない環境がある可能性があります。
meta要素で文字コードを指定しない場合はずれることなく表示されるそうです。
修正状況
MacIE5.xで発生する模様。
