文字コード不一致の文字化け

CSSファイルを開くと、MS Pゴシックの部分が文字化け。

それもそのはずで、CSSの先頭行には「@charset “UTF-8”;」としているのに、ファイルの文字コードがANSIになっていた。メモ帳でつくったときにANSIのまま保存したのが原因。

使っているエディター「Notepad++」

画面上部の「フォーマット」→「UTF8withoutBOMに変換」で保存し直せば、問題なく治る。

body {
margin:0;
padding:0;
height: 100%;
font-family: "Verdana","ＭＳ Ｐゴシック", sans-serif;
font-size:100%;
color:#333;
text-align: center;
background-color: #a9d2ff;
background-image: url(../image/back.gif);
background-repeat: repeat-x;
overflow-y: scroll;
}