CSSの文字コードの設定

久しぶりに青山オフィスに出社したら、デザイナーからヘルプ。制作しているページでCSSが効かないとのことです。FirefoxやSafariだと正常だけど、IEだけがCSSでのスタイルがおかしい。

結局は、CSSファイルのフォント指定が2バイト文字(MSゴシックとか)入っていてUTF-8で保存されていた。HTMLファイルはシフトJISである。IEはHTMLファイルとCSSファイルの文字コードをあわせないと、CSSファイルで2バイト文字が出てくると、これ以降は解釈されないようだ。

CSSファイルをシフトJISに変換して保存すればOK。秀丸エディタだと簡単。別の方法は、CSSファイルの先頭で文字コードを宣言する。

@charset "utf-8"; 

これはいつもやってしまうミス。お客様のHTMLファイルの指定がシフトJISなのに、CSSファイルを作るときにDreamweaverのデフォルトがUTF-8であった場合に起こる。

以上、覚え書き。