Por que alguns caracteres são exibidos como quadrados no Chrome?


25

Por exemplo, nas ferramentas de desenvolvimento, recebo algo como:

Ferramentas de desenvolvimento do Chrome

Alguns desses quadrados estão no final das linhas, inicialmente eu pensei que eles eram retornos de carro, mas acontece que não são.

Além disso, os quadrados aparecem depois =ou >em muitos lugares onde não há nova linha, e olhar para o arquivo em um editor hexadecimal mostra que não há nenhum caractere entre =e "(por exemplo, id="está mostrando comoid=? " )

Isso também aparece muito ocasionalmente em páginas da web, por exemplo, vi:

Resultado de pesquisa do Google

Copiei essa frase, olhei em um editor hexadecimal e, novamente, não há caracteres entre ee: . Nada aparece no código fonte também.

Eu nunca vi isso antes, e é apenas desde que reinstalei o arco, alguns dias atrás.

O Chrome é: Version 19.0.1084.15 dev
Arch é: Kernel 3.3.1-1-ARCH,x86_64

locale.genpossui en_GBcódigos de idioma não comentados (ambos UTF-8e ISO-8859-1). A codificação no chrome é padrão ISO-8859-1, mas alterná-la para UTF-8não faz diferença.

Este é o arquivo html que eu estava usando: test.html

Uma correção seria fantástica, uma explicação seria ótima, confirmando que isso é (ou não é) apenas um problema com a minha configuração também seria bom.

Edit: Depois de investigar as fontes, descobri que em ambos os casos ele estava tentando usar o arial, que no arch faz parte do ttf-ms-fontspacote. A instalação resultou na alteração da fonte, mas os quadrados permaneceram (embora com uma forma diferente). Nos dois casos, a fonte não adere às fontes padrão do sistema.

Ferramentas de desenvolvimento do Chrome - com arial


Funciona e exibe multas para mim. Eu acho que deve ser um problema com a sua configuração, talvez o seu sistema de renderização de fontes.
Coren

@ Coren, eu esqueci as fontes: P vou dar uma olhada agora.
18712 Mat

Respostas:


19

Isso corrigiu o problema para mim. Instale as fontes dejavu.

sudo pacman -S ttf-dejavu

2
Bonito - isso também resolveu o meu problema.
Cody Reichert

Este desarrumada minhas fontes de terminais e remoção por pacman -R ttf-dejavu tem muitas dependências encadeadas, pacman -Rdd ttf-dejavu não resolve a remoção e a reposição das fontes
pshirishreddy

Instalar qualquer outra fonte que tem os personagens problemáticos também funcionaria
Dr. Nefario

ainda funciona em 2017

Se você está obtendo quadrados com o plug-in flash para Chromium, tente isso.
e18r

6

É padrão imprimir o caractere de substituição Unicode no lugar de um caractere que não existe na fonte atual.

Uma solução possível é simplesmente alterar a fonte padrão do seu sistema operacional (se o navegador herdar as configurações do sistema operacional) ou do navegador. Por exemplo, meu Firefox 11.0 no Ubuntu 11.10 está usando a fonte "serif" (que pode ser um sinônimo de FreeSerif ), que parece suportar muitos caracteres Unicode.

PS: As imagens parecem ter desaparecido.


Obrigado pela resposta. Após o comentário de Coren, fiz algumas investigações e descobri que o quadrado do resultado do google (segunda imagem) estava tentando usar arial. Eu instalei o ttf-ms-fontsque resultou em uma alteração: os quadrados agora têm uma forma diferente. Vou tentar descobrir quais são as fontes padrão.
Mat

9
which resulted in a change: the squares are now a different shapeMe desculpe, eu ri tanto com isso.
Rob

1

Eu estava tendo o mesmo problema. Esta página , por exemplo, era particularmente ilegível, com quadrados aparecendo por todo o texto da página. Consegui corrigi-lo renomeando todos os arial*.ttfarquivos /usr/share/fonts/truetype/msttcorefontspara os nomes de arquivos de backup e definindo a fonte sans-serif padrão do Chrome como Droid Sans. Não posso usar fontes Arial agora, mas pelo menos as páginas parecem corretas.


0

Eu tive o mesmo problema. Usando as postagens anteriores como guia, baixei e instalei a extensão Chrome do Changer de fonte. Usar FC para mudar para Arial resolveu o problema. Outras fontes também podem funcionar, mas ainda não as tentei.


0

instalando a notofonte do google, fiz isso por mim.

yay -S noto-fonts

Agora, recarregue o cache da fonte:

fc-cache -vf
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.