48858


cssをatomで記述しています。コードがわかりやすいようにコメントを多用していたのですが今日atomを開いてみると

[code]

    /*ã‚°ãƒ©ãƒ•ã®ä¸­å¤®å¯„ã›*/
    
[/code]

のように文字化けしていました。どなたか直す方法をご存知の方教えて頂けると助かります。


CC BY-SA 4.0
2018-09-30T16:59:02.843
48857
2019-07-20T20:34:37.497
2019-07-20T20:34:37.497
32986
29853
question
css atom-editor 文字化け
atomのcssのコメントにつて


文字コードの設定が何かしらの理由で変わったのではないかと推測されます。

ウィンドウ右下の表示から手動で文字コードを変えて上手く表示されるものを探すか、[auto-
encoding](https://atom.io/packages/auto-encoding)
などの自動検出パッケージをインストールして文字コードを自動変更させてください。

また、Atom のデフォルト設定で文字化けするということは、その CSS ファイルが UTF-8
以外の文字コードで保存されているのではないかと思います。現代的にはウェブ用のファイルの文字コードは Unicode 系に統一するのが良いと思います。


CC BY-SA 4.0
2018-09-30T17:12:37.287
48858
2018-09-30T17:12:37.287
19110
48857
answer


cssファイルはAtomエディタのみで使われるわけではなく、最終的にはWebブラウザーに読み込むものではないでしょうか？
Atomエディタで文字化けするのであれば、Webブラウザーでも正しく解釈できない可能性があります。また、コメントだけでなく、`メイリオ`
などのように日本語を含んだフォント名なども同時に化けている可能性もあります。

nekketsuuuさんの提案の一つauto-
encodingなどの自動検出パッケージを使用した場合、Atomエディタ上でのみ問題が解決し、Webブラウザーは引き続き文字化けし正しく解釈できない可能性が出てきますので、おすすめできません。

CSSでは[@charset](https://developer.mozilla.org/ja/docs/Web/CSS/@charset)の設定もできますがBOMありエンコーディングまたはUTF-8を使用することをお勧めします。


CC BY-SA 4.0
2018-10-02T13:16:57.177
48906
2018-10-02T13:16:57.177
4236
48857
answer