Dreamweaver 8.0.2 の [ CSS スタイル ] 経由で CSS を編集後、CSS ファイルを開くと日本語部分が文字化けします。以前から気にはなっていたのですが、発生する条件と解決方法が判明したのでメモ。
## 文字化けが発生する条件
- [ 環境設定 ] – [ CSS スタイルシート ] – [ 修正時に CSS ファイルを開く ] のチェックを外している。
- @charset で [ UTF-8 ] 以外の文字コードを指定している。
- [ CSS スタイル ] パネル経由で編集している。
- 外部 CSS ファイルを使っている。
以上の条件を全て満たす場合、文字化けが発生します。
## 文字化けを解決する方法
- [ 環境設定 ] – [ CSS スタイルシート ] – [ 修正時に CSS ファイルを開く ] のチェックを入れる。
- @charset で [ UTF-8 ] の文字コードを指定する。
いずれかの方法で解決可能です。
## 参考にさせていただいたページ
- [Dreamweaver] CSSでfont-familyを指定すると化ける ≪ Check! Studio 8
- 群馬のウェブクリエイター マナブログ DreamweaverでCSSファイルを編集すると文字化けする！？
ありがとうございます。