¿Por qué los bloques de código de StackOverflow se ven horribles en Chrome 37?

16

Acabo de actualizar Google Chrome a la versión 37 en mi sistema Linux. Ahora los bloques de código se ven así:

ingrese la descripción de la imagen aquí

Y el texto mientras escribo esta pregunta se ve así:

ingrese la descripción de la imagen aquí

En el mismo sistema, la pregunta con bloques de código se ve bien con Firefox.

¿Cuál es el problema con las fuentes en Chrome 37?

Información detallada

Según las herramientas para desarrolladores de Google Chrome, se calcularon las siguientes familias de fuentes:

Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;

En Firefox:

Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif

linux google-chrome fonts

— Martin Thoma
fuente

Haga clic derecho en el bloque de código, seleccione "Inspeccionar elemento", en el panel del lado derecho de la consola del desarrollador, elija la pestaña "Computado", desplácese hacia abajo y publique el nombre de la fuente que aparece allí. Chrome y Firefox. Me pregunto si Chrome es la elección de una fuente de mapa de bits ...

— user1686

Me refería al nombre de la fuente en la parte inferior ; en Chrome está bajo la etiqueta "Fuente renderizada". De todos modos, los estilos calculados serían los mismos en ambos navegadores, pero la fuente realmente elegida puede diferir.

— user1686

44

Aparentemente, pasaron de usar un lenguaje fuertemente tipado a uno débilmente tipado.

— Daniel R Hicks

44

@DanielRHicks: ¿Cómo eso incluso ...

— User1686

1

Esto probablemente pertenece a cualquiera de los meta.SO si el problema es específico de SO o meta.SE

— Crippledsmurf

8

Haz lo siguiente:

Crea el archivo ~/.fonts.conf

Agregue el siguiente texto

<match target="font" >
    <edit name="embeddedbitmap" mode="assign"><bool>false</bool></edit>
</match>

Reiniciar Chrome

Fuente: https://code.google.com/p/chromium/issues/detail?id=408059

— Martin Thoma
fuente

2

Trabajó para mi. Aunque, la fuente en stackoverflow definitivamente parece diferente de lo que era antes de este error, pero al menos ahora es legible.

— minismo

Me sucedió justo después de registrar la fuente de Mónaco con Fedora 19. Esta respuesta funcionó para mí como se describe.

— Rubens Mariuzzo

1

En una distribución reciente, la creación del archivo ~/.fonts.confgenerará una advertencia de desuso . En su lugar, crear el archivo en: ~/.config/fontconfig/fonts.conf. Más información en: askubuntu.com/a/231274/24159

— Rubens Mariuzzo

2

Parece que te estás encontrando con un error de Chrome 37 con la representación de fuentes de Linux que probablemente sea causada por la actualización de la representación en Windows. Se suponía que se había solucionado antes del lanzamiento, según algunas publicaciones allí, pero otros dicen claramente que no. Allí se ofrecen múltiples sugerencias para lidiar con esto, incluido saltar a la versión 38 beta o actualizar la información de la fuente local y cambiar la opción de sugerencia automática.

Volveré a publicar su ejemplo ~ / .fonts.conf, pero solo lo probaría como último recurso. Prueba la beta primero.

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
  <match target="font">
    <edit name="autohint"><bool>false</bool></edit>
  </match>
</fontconfig>`

— trlyly
fuente

0

Yo tuve el mismo problema. Sistema operativo: Linux Mint 17 Cinnamon con extensiones de fuente.

Verifique el Zoom de su pantalla Chrome actual. Reducir o aumentar el zoom debería aclarar la representación de la fuente.

— Dave Burke
fuente

1

Bueno ... Realmente no quiero usar sitios web con un zoom del 110%. Es bueno saberlo, pero no es una respuesta.

— Martin Thoma

0

Editar ~ / .fonts.conf funciona para mí, mi ~ / .fonts.conf (debian Jessie, xfce4, chrome 43.0.2357.81 (64 bits)) es:

<!-- put to ~/.fonts.conf to improve chrome font rendering -->
<match target="font">
<edit name="autohint" mode="assign">
<bool>true</bool>
</edit>
<edit name="hinting" mode="assign">
<bool>true</bool>
</edit>
<edit mode="assign" name="hintstyle">
<const>hintslight</const>
</edit>
</match>

— kurtmeln
fuente

La pregunta parece ser sobre la versión 37. ¿Sabe si su solución funcionaría tanto con la versión 37 como con la versión 43?

— Jason Aller

Para mí funciona en la versión 37, pero esto debería depender de la plataforma que esté utilizando, puede probar estas opciones una por una si no funciona.

— kurtmeln