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

ありがとうございます。

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

だるかぶ

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

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