htmlで読み込まれる際には、文字化けなく処理はされていると思います。 ブラウザで直接開いたときに、js ファイルが文字化けするのは ブラウザが、文字コードの判別を間違えたということです。 直接開くことを想定されていないので、仕方ないですね。 この指定は、日本語が出現する前（title要素等よりも前）に記述します。 また、この指定は1つの文書に対して1つだけ配置することができます。 エンコードはutf-8を選択しておけば安心…？ まず初めに。 これはhtmlを勉強し始めて1日目で引っかかった部分ですのでそのレベルで考えてください^^； 参考にしている書籍を読んでいると、文字化けを防ぐために要素内に というのを入れましょう、という記載がありました。 meta要素に http-equiv=" content-type " を追加すると、文書の文字エンコーディングを指定することができます。. もし他にも content に日本語入っていたら、こちらでエスケープしてあげると文字化け問題から無縁になります。 Text Escaping for CSS labs.unformedbuilding.com contentに全角文字を設定したら、ブラウザで文字化けした。 半角英数字なら文字化けしてないのに～！ p:before{ content:"★"; } CSSファイルの文字コードを確認 文字コードをUTF-8で設定しているのに、cssファイルがShift-jisだったりしないか確認する。 content プロパティーって何？ 文字化けが発生する理由を知っておいた事が解決策を知るより先です。 解決策が後ほど教えますが、それも原因がわからないと応用がきかないので。 pc上で文字を表示させているは、「文字コード」と呼ばれるものがあるからです。 contentプロパティは、要素の直前または直後に、文字列や画像などのコンテンツを挿入する際に使用します。 contentプロパティを適用することができるのは、:before擬似要素および:after擬似要素のみです。 Microsoft EdgeでUTF-8が文字化けする. Expression Webでの既定の文字コードはUTF-8となっています。もしWebページがたとえばシフトJISの場合、metaタグの要素によって判断されて読み込まれますし、CSSの場合も1行目に文字コードの指定があればその文字コードで読み込まれる仕組みになっています。 meta要素で、文書の文字コードを示すことができます。この要素はhead要素の中で使用します。 文字化け防止のために、この指定を行なっておくことをお勧めします。 この文字コードの指定は、日本語が出現する前に（title要素等よりも上に）記述します。 CSS初心者向けに、【text-align】を使って文字を配置する方法を解説した記事。テキストの配置場所を設定することができます。左に配置、右に配置、中央配置、均等割付の4つについてサンプルコードを使って説明します。 文字化けが発生する理由. と思ってエディタで CSS を見てみたのですがそうでもなく… Firebug で CSS を見ようとしたらどうも読み込めていないみたいなので、CSS ファイルのレスポンスを覗いてみたら見事に文字化けを起こしていたところで、やっと気が付きました。 CSSファイルの文字コードが Shift_JIS でない場合文字化けが起こります。 下記のようにcontentプロパティに日本語で指定した場合、文字化けする可能性があります。.moji:after {content:”日本語”;} 日本語の文字化けを回避する定義方法は、 サブライム3を使っていた所、突然日本語が下記のように文字化けしました。サブライム上では文字化けしていません。ブラウザ、dwで見るとします。バグで文字コードが変わるなどあるのでしょうか？dwで見るとutf8と表示されています。