19D | さいたま市で活動するWebクリエイターの子育てブログ

子育ての日常を綴ったり、PHP・CSSやWebマーケティングなどの情報を不定期に書いています

about me

icon
web creator
Yuki Ishikura a.k.a iskruk
さいたま市を拠点に子育てとwebクリエイターとしての両立を目指しております。
詳細を見る

latest tweet

track record

41IEでfont-familyに指定したヒラギノやメイリオの値が効かない

CSSの話題です。
サイトを新規構築する時、font-familyの値に書くことってある程度決まっていると思いますが、例えば最近流行りの

body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "MS Pゴシック", 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 フォント」あたりで検索して、別の方のエントリーを参考にしてみてください。