web-dev-qa-db-ja.com

Chromeで一部の文字が正方形として表示されるのはなぜですか?

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

Chrome dev tools

これらの四角形のいくつかは行末にあり、最初は改行だと思っていましたが、そうではありませんでした。

また、改行がない多くの場所で=または>の後に四角が表示され、16進エディタでファイルを見ると、=の間に文字がないことがわかります。および"(例:id="id=? "として表示されます)

これはまた、たとえば、私が見たWebページで非常にまれに発生します。

Google search result

その文をコピーして16進エディタで調べたところ、e:の間に文字がありません。ソースコードにも何も表示されません。

私はこれをこれまで見たことがなく、数日前にArchを再インストールして以来、これは初めてです。

Chromeは:バージョン19.0.1084.15 dev
Arch is:Kernel 3.3.1-1-Archx86_64

locale.genには、コメントされていないen_GBロケールがあります(UTF-8ISO-8859-1の両方)。 chromeのエンコーディングはデフォルトでISO-8859-1に設定されていますが、UTF-8に切り替えても違いはありません。

これは私が使用していたhtmlファイルです: test.html

修正は素晴らしく、説明は素晴らしいです。これが私の設定の問題である(またはそうではない)ことも確認するとよいでしょう。

編集:フォントを調査した後、どちらの場合も、Arialを使用しようとしていることがわかりました。これはArchではttf-ms-fontsパッケージの一部です。これをインストールするとフォントが変更されましたが、四角形は残りました(形状は異なります)。どちらの場合も、フォントはシステムのデフォルトフォントに準拠していません。

Chrome dev tools - with arial

27
Mat

これで問題が解決しました。 dejavuフォントをインストールします。

Sudo pacman -S ttf-dejavu
20
Calum

現在のフォントに存在しない文字の代わりに nicode置換文字 を印刷するのが標準です。

考えられる修正は、OS(ブラウザーがOS設定を継承している場合)またはブラウザーのデフォルトフォントを変更することです。たとえば、Ubuntu 11.10上の私のFirefox 11.0は "serif"フォント(これは FreeSerif の同義語かもしれません)を使用しており、多くのUnicode文字をサポートしているようです。

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

6
l0b0

私は同じ問題を抱えていました。 このページ は、たとえば、ページのテキスト全体に正方形が表示されるなど、特に読みにくくなりました。 arial*.ttf内のすべての/usr/share/fonts/truetype/msttcorefontsファイルの名前をバックアップファイル名に変更し、Chromeのデフォルトのsans-serifフォントをDroid Sansに設定することで修正できました。現在、Arialフォントはまったく使用できませんが、少なくともページは正しく表示されています。

1
jfriedly

同じ問題がありました。過去の投稿をガイドとして使用して、フォントチェンジャーChrome拡張機能をダウンロードしてインストールしました。FCを使用してArialに変更すると、問題が解決しました。他のフォントも機能する可能性がありますが、まだ試していませんまだ。

0
Training Man

グーグルからnotoフォントをインストールして、私のためにそれをしました。

yay -S noto-fonts

次に、フォントキャッシュをリロードします。

fc-cache -vf