41IEでfont-familyに指定したヒラギノやメイリオの値が効かない
CSSの話題です。
サイトを新規構築する時、font-familyの値に書くことってある程度決まっていると思いますが、例えば最近流行りの
body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}と書いてあった場合、IE（主に6）などで値が反映されない場合があります。
これは主にCSS自体の文字コードや反映させるHTMLを修正することで改善されます。
まず、CSSの文字コードをShift-JISにし、@charsetの値（CSSの先頭に）を
@charset "Shift-JIS";とします。
次に反映させる側のHTMLにlang属性を指定します。bodyタグでもどこでもいいのですが、一般的にはhtmlタグに
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja">のように記述します。
これでIEでもfont-familyの値が反映されたかと思います。
反映されたけど、なんだかギザギザであまり奇麗じゃない場合は「cleartype フォント」あたりで検索して、別の方のエントリーを参考にしてみてください。
2008-09-09