フォーラム: バグ報告など開発者向けフォーラム (スレッド #30272)

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

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

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


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

@charset "utf-8";

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


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

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


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

メッセージ #59396 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

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

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

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

@charset "utf-8";

さっそく試してみます。
#59396 への返信

メッセージ #59412 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

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

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


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


そういうわけですので、

@charset "utf-8";

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

メッセージ #59415 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする