Chromeで文字が四角形で表示されるのはなぜですか？

たとえば、開発ツールで次のような結果が得られます。

これらの正方形のいくつかは行の終わりにあり、最初はキャリッジリターンだと思いましたが、そうではありませんでした。

また、ブロックは=改行文字なしで後ろにあるか、複数の場所に表示され、16進エディタでファイルを見ると、間に>文字がまったくないことがわかります（たとえば、次のように表示されます）。="id="id=? "

これは時々Webページにも現れます。たとえば、次のようになります。

eその文をコピーして16進エディタで見てみると、やはりの間に文字がありません:。ソースコードには何も表示されません。

以前はこれが起こったことを見たことがなく、数日前にアーチを再インストールした後にのみこれが発生しました。

Chromeは次のとおりです。 Version 19.0.1084.15 dev
Archは: Kernel 3.3.1-1-ARCH,x86_64

locale.genロケールにはen_GBコメントがありません（UTF-8およびISO-8859-1）。 Chromeのエンコーディングはデフォルトでに設定されていますが、ISO-8859-1エンコーディングを切り替えてもUTF-8違いはありません。

これは私が使用するHTMLファイルです。テスト.html

修正すれば良いだろうし、説明もいいだろうし、これが単に私の設定の問題か（またはではないか）確認するのもいいだろう。

ttf-ms-fonts編集：フォントを調べた後、どちらの場合もアーチパッケージの一部であるarialを使用しようとしていることがわかりました。インストールによってフォントが変更されましたが、ブロックはまだ存在します（形状は異なりますが）。どちらの場合も、フォントはシステムのデフォルトフォントに従わない。