¿Por qué algunos caracteres se muestran como cuadrados en Chrome?


25

Por ejemplo, en las herramientas de desarrollo obtengo algo como:

Herramientas de desarrollo de Chrome

Algunos de estos cuadrados están al final de las líneas, inicialmente pensé que eran retornos de carro pero resulta que no lo son.

Además, los cuadrados aparecen después =o >en muchos lugares donde no hay nueva línea, y mirar el archivo en un editor hexadecimal muestra que no hay ningún carácter en absoluto entre =y "(por ejemplo, id="se muestra como id=? ")

Esto también aparece muy ocasionalmente en páginas web, por ejemplo, vi:

Resultado de búsqueda de Google

Copié esa oración, la miré en un editor hexadecimal y nuevamente no hay ningún carácter entre ey :. Nada aparece en el código fuente tampoco.

Nunca he visto esto antes, y es solo desde que reinstalé el arco hace unos días.

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

locale.gentiene en_GBlocales no comentados (ambos UTF-8y ISO-8859-1). La codificación en Chrome está predeterminada ISO-8859-1, pero cambiarla a UTF-8no hace ninguna diferencia.

Este es el archivo html que estaba usando: test.html

Una solución sería fantástica, una explicación sería excelente, confirmar que esto es (o no) solo un problema con mi configuración también sería bueno.

Editar: Después de investigar las fuentes, descubrí que en ambos casos estaba tratando de usar arial, que en el arco es parte del ttf-ms-fontspaquete. Instalar eso resultó en el cambio de fuente, pero los cuadrados permanecieron (aunque con una forma diferente). En ambos casos, la fuente no se adhiere a las fuentes predeterminadas para el sistema.

Herramientas de desarrollo de Chrome: con arial


Funciona y muestra multas para mí. Supongo que debería ser un problema con su configuración, tal vez su sistema de representación de fuentes.
Coren

@ Coren, me olvidé de las fuentes: P Echaré un vistazo ahora.
Mat

Respuestas:


19

Esto solucionó el problema para mí. Instala las fuentes dejavu.

sudo pacman -S ttf-dejavu

2
Hermoso: esto resolvió mi problema también.
Cody Reichert

Esto estropeó mis fuentes de terminal y la eliminación por pacman -R ttf-dejavu tiene muchas dependencias encadenadas, pacman -Rdd ttf-dejavu no resuelve la eliminación y restablecimiento de fuentes
pshirishreddy

Instalar cualquier otra fuente que tenga los caracteres problemáticos también funcionaría
Dr. Nefario

todavía funciona en 2017

Si obtienes cuadrados con el complemento flash para Chromium, prueba esto.
e18r

6

Es estándar imprimir el carácter de reemplazo Unicode en lugar de un carácter que no existe en la fuente actual.

Una posible solución es simplemente cambiar la fuente predeterminada de su sistema operativo (si el navegador hereda la configuración del sistema operativo) o del navegador. Por ejemplo, mi Firefox 11.0 en Ubuntu 11.10 está utilizando la fuente "serif" (que podría ser un sinónimo de FreeSerif ), que parece admitir muchos caracteres Unicode.

PD: Las imágenes parecen haber desaparecido.


Gracias por la respuesta. Después del comentario de Coren, investigué un poco y descubrí que el cuadrado del resultado de Google (segunda imagen) estaba tratando de usar arial. Instalé lo ttf-ms-fontsque resultó en un cambio: los cuadrados ahora tienen una forma diferente. Intentaré encontrar cuáles son las fuentes predeterminadas.
Mat

99
which resulted in a change: the squares are now a different shapeLamento haberme reído tanto de eso.
Rob

1

Yo estaba teniendo el mismo problema. Esta página , por ejemplo, era particularmente ilegible, con cuadrados que aparecían en todo el texto de la página. Pude solucionarlo cambiando el nombre de todos los arial*.ttfarchivos /usr/share/fonts/truetype/msttcorefontsa nombres de archivos de respaldo y luego configurando la fuente sans-serif predeterminada de Chrome en Droid Sans. No puedo usar las fuentes Arial en absoluto ahora, pero al menos las páginas se ven bien.


0

Yo tuve el mismo problema. Utilizando las publicaciones anteriores como guía, descargué e instalé la extensión Chrome de Font Changer. El uso de FC para cambiar a Arial solucionó el problema. Otras fuentes también pueden funcionar, pero aún no las he probado.


0

instalando la notofuente de google, lo hice por mí.

yay -S noto-fonts

Ahora, vuelva a cargar el caché de fuentes:

fc-cache -vf
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.