Forums: バグ報告など開発者向けフォーラム (Thread #30272)

CSSの文字コード設定 (2011-09-02 01:05 by A-Ki #59396)

お世話になっております。

サイト構築中にちょっと引っかかった点として、Firefoxでスタイルシートが上手く読み込めなかったケースが何度か発生しました。
初回はCSSが適用されず、リロードするとちゃんと表示される・・・という感じの現象です。


調査の結果、キャッシュから読み込んだスタイルシートのコメント部分が文字化けして、
それで読み込めなくなっていたようでしたので、
対応として、CSSの一行目に

@charset "utf-8";

と記述することでこの事象が発生しなくなりました。


ちなみに、AD-EDIT2の公式サイトではこの現象に遭遇したことはありません。

3.2.0 フルパッケージ同梱のスキンを弄ってのサイト制作中、
HTMLでフォームを直書きしたページでよく発生していました。


同じ現象で悩まされる人がいるかもしれないので、念のため上げておきます。

Reply to #59396×

You can not use Wiki syntax
You are not logged in. To discriminate your posts from the rest, you need to pick a nickname. (The uniqueness of nickname is not reserved. It is possible that someone else could use the exactly same nickname. If you want assurance of your identity, you are recommended to login before posting.) Login

RE: CSSの文字コード設定 (2011-09-02 16:55 by NorenzPRO #59412)

ご報告ありがとうございます。

同梱されているスキンファイルがShiftJISのままになってる可能性がありますね。

@charset "utf-8";

さっそく試してみます。
Reply to #59396

Reply to #59412×

You can not use Wiki syntax
You are not logged in. To discriminate your posts from the rest, you need to pick a nickname. (The uniqueness of nickname is not reserved. It is possible that someone else could use the exactly same nickname. If you want assurance of your identity, you are recommended to login before posting.) Login

RE: CSSの文字コード設定 (2011-09-03 01:32 by A-Ki #59415)

お世話になっております。


原因は、utf-8で書かれたスキンファイルを、ブラウザが勝手に他の文字コードとして読み込んだ結果、
文字化けしてCSSが適用されなくなる・・・といった感じですね。


そういうわけですので、

@charset "utf-8";

を付けておけば必ずutf-8で読み込んでくれるので文字化けしなくなるようです。
(文字コード省略時に、どういう基準でCSS読み込みの文字コードを判定しているのかは謎ですが・・・)
Reply to #59412

Reply to #59415×

You can not use Wiki syntax
You are not logged in. To discriminate your posts from the rest, you need to pick a nickname. (The uniqueness of nickname is not reserved. It is possible that someone else could use the exactly same nickname. If you want assurance of your identity, you are recommended to login before posting.) Login