細かすぎて伝わらない かも知れない CSSの勘所
昨日、AoD！（サイトの方）の CSS を調整していたところ、font-family の設定がされていないことに気が付いた。
そこで、
font-family: "MS PGothic", Osaka, Verdana, Arial, Sans-Serif;
を追加した訳ですが。
念の為、と思って Opera でみると、"MS PGothic" が効いてない様子。
まさかと思って、いろいろ試して見ると、
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Verdana, Arial, Sans-Serif;
で上手く行く。なんで？
日本語入れなあかんのか！
そうなると文字コードを指定しないといけません。
AoD！（サイトの方）は、テストも兼ねてあえて euc-jp にしていて、
それ以外の外部ファイル（スクリプト、スタイルシート）は全て utf-8 にしています。
どんな文字コードのサイトに使われてもいいようにです。
普通なら、script タグのように、linkタグを
<link href="/aod2/index.css" rel="stylesheet" type="text/css" charset="utf-8" />
のようにすればいいと思った訳で。
ところが！
今度は IE がスタイルを認識してくれません！IE７でも！
いろいろ調べてみると、スタイルシート側にも設定が必要のようです。
@charset 'utf-8';
↑を先頭にセットすると、IE でもスタイルを認識するようになりました。
これはマジで知らなかった！