Dreamweaver で CSS ファイルを編集すると文字化け

Dreamweaver 8.0.2 の [ CSS スタイル ] 経由で CSS を編集後、CSS ファイルを開くと日本語部分が文字化けします。以前から気にはなっていたのですが、発生する条件と解決方法が判明したのでメモ。

文字化けが発生する条件

  • [ 環境設定 ] – [ CSS スタイルシート ] – [ 修正時に CSS ファイルを開く ] のチェックを外している。
  • @charset で [ UTF-8 ] 以外の文字コードを指定している。
  • [ CSS スタイル ] パネル経由で編集している。
  • 外部 CSS ファイルを使っている。

以上の条件を全て満たす場合、文字化けが発生します。

文字化けを解決する方法

  • [ 環境設定 ] – [ CSS スタイルシート ] – [ 修正時に CSS ファイルを開く ] のチェックを入れる。
  • @charset で [ UTF-8 ] の文字コードを指定する。

いずれかの方法で解決可能です。

参考にさせていただいたページ

ありがとうございます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です