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

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

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ファイルを編集すると文字化けする！？

ありがとうございます。

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。