2011-01-13 22 views
1

FF3ではすべてうまくいっていますが、私はHTMLコンテンツの空白文字が四角で表されているWin7 PCで、Chromeとそれよりも小さいIE7 +には奇妙な問題があります。私はHTML5を使用しており、私は正しいエンコーディング(utf-8)を持っていると信じています。なぜこれが起こっているのか、私が間違っているのか誰にも分かりますか?HTMLに空白の代わりに四角形が表示されるのはなぜですか?

http://berkshiretheatres.com/dev/

+0

これは実際にプログラミングに関する質問ではありません。試してみてくださいhttp://doctype.com –

答えて

2

あなたのCSSフォント設定から来ているようです。 Chromeの要素を調べてスタイルを無効にすると、問題は解決しません。

body { 
    font-family: LiberationSansRegular; 
} 
+0

パーフェクト。ありがとう...それは私が定型文スタイルシートを使って得たものです。 – lancemonotone

+0

アップデートしたところ、Font Squirrelから得た@ font-faceキットが壊れているようです。私はそれをもう一度やりました。そしてLiberationSansですべてがうまくいきます。再度、感謝します。 – lancemonotone

0

あなたは(私が思うUTF-8での0x20)正しい空白文字を持っていることを確認するために、バイナリビューアを試みることができます。

+0

ありがとう..私はありません。 – lancemonotone

0

テキスト自体には何も問題はありません。私のバイナリテキストエディタによると、それは良い古いU+0020スペースです。このルール無効にした場合、あなたは正方形がなくなっていることがわかります「要素を点検」機能を使用する場合

body { 
    font-family: LiberationSansRegular; 
} 

...ほとんどhttp://berkshiretheatres.com/dev/wp-content/themes/html5/style.css?v=1294931627

0

で発見し、それが起因していフォントタイプ(フォントフェイス)を使用する場合は、対象のブラウザに応じて、使用するフォントに他のフォントタイプを含める必要があります。

私にとっては、woffを使用することをお勧めします。woffのサポートはhttp://caniuse.com/woffで確認できます。