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

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

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

Chrome開発者ツール

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

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

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

Google検索結果

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を使用しようとしていることがわかりました。インストールによってフォントが変更されましたが、ブロックはまだ存在します(形状は異なりますが)。どちらの場合も、フォントはシステムのデフォルトフォントに従わない。

Chromeデベロッパーツール - Arialを含む

答え1

これは私の問題を解決しました。デザーブフォントをインストールしてみてください。

sudo pacman -S ttf-dejavu

答え2

盲目的にフォントパッケージをインストールするよりも、不足しているフォントを確認するより良い方法があります。

たとえば、不足しているフォントを解決するために、次のようにしました。

  1. U+1F44B2つの不明なUnicode文字(コードポイント:、、U+1F3FC)を含む電子メールを受信しました。
  2. ここに貼り付けてください。https://www.fontspace.com/unicode/analyzer#e=8J-Ri_Cfj7w
  3. 対応する絵文字/文字を含むフォントが表示される結果を表示します。
  4. 必要なフォントパッケージだけをインストールすることはpacman -S noto-fonts-emoji私にとって効果的でした。
  5. フォントキャッシュの再構築fc-cache -vf
  6. Chrome / Chromeの再起動

または、Unicode名を検索すると、Google検索でフォントを見つけるのに役立ちます。

$ echo -e 

答え3

標準印刷Unicode 代替文字現在フォントにない文字を置き換えます。

考えられる解決策は、オペレーティングシステム(ブラウザがOS設定を継承している場合)またはブラウザのデフォルトフォントを変更することです。たとえば、Ubuntu 11.10のFirefox 11.0は "serif"フォントを使用します(フリーセリフ)は多くのUnicode文字をサポートしているようです。

PS:画像が消えたようです。

答え4

私も同じ問題があります。 このページたとえば、ページ全体のテキストにブロックが表示され、読み取りが特に困難でした。arial*.ttfすべてのファイルの名前を/usr/share/fonts/truetype/msttcorefontsバックアップファイルの名前に変更し、ChromeのデフォルトのサンセリフフォントをDroid Sansに設定することでこの問題を解決できました。今はArialフォントをまったく使用できませんが、少なくともページはよさそうです。

関連情報