Fuentes feas en varios sitios de Google en Firefox y Chrome

11

En varios sitios de Google, las fuentes se vuelven feas en Firefox y Google Chrome en Windows 7 y 8:

fuentes feas usadas en el sitio de desarrollo de google

Desactivé Clear Type porque la mayoría de las fuentes son feas con él.

Firefox y Chrome tienen el problema. Si el problema es causado por una fuente faltante, la fuente debe ser sustituida por otra fuente, ¿no? En ese caso, necesitaría averiguar cuál es la fuente que falta e ir a descargarla.

Mientras tanto, instalé todas las fuentes de Google desde https://github.com/w0ng/googlefontdirectory pero esto no ayudó. O los sitios de Google con fuentes feas no usan una de estas fuentes o esta fuente fea siempre es fea sin suavizar o DPI alto.

¿Hay alguna forma de arreglar esto?

dermoritz
fuente
Verifique que las fuentes utilizadas por el sitio web estén instaladas en su sistema. Se requiere más información sobre su sistema. ¿Qué versión de Windows 7 y 8 está utilizando exactamente, qué paquetes de idiomas tiene instalados, ese tipo de cosas? Duplicar posibles: superuser.com/questions/59697/...
Ramhound
@Ramhound: ¿hay alguna diferencia en las fuentes incluidas entre las diferentes versiones de Windows 8? Pero por alguna extraña razón te ayuda: ambos son versiones "pro" completamente parcheadas.
dermoritz
¿Has verificado que tienes las fuentes requeridas? La pregunta a la que he vinculado indica la fuente que probablemente falte.
Ramhound
¿como hacer esto? ¿Cómo obtener la fuente requerida para un sitio web determinado y dónde descargarla? ¿por qué esas fuentes no se sustituyen por las fuentes establecidas en la configuración (veces nueva romana para serif, arial para sans serif)?
dermoritz
Si se trata de sitios de Google, es probable que su navegador tenga un problema para mostrar fuentes web (fuentes vinculadas). ¿Es un caso en el que sus fuentes se ven nítidas si resultan ser las instaladas en su máquina, y se ven pixeladas si están vinculadas desde la página web? Sé que con Firefox en Windows, tengo este mismo problema: el tipo siempre se ve mejor en Firefox en Mac.
Jack Yan

Respuestas:

4

Parece que no tiene suavizado de fuente y ClearType activado, en cuyo caso ciertas fuentes se verán terribles.

En Windows 7, vaya al Panel de control y elija Ver por iconos grandes, luego elija Pantalla-> Ajustar texto ClearType y marque Activar ClearType . Esto también debería habilitar el suavizado de fuentes.

James P
fuente
2
El tipo claro hace que todas las otras fuentes sean feas, por lo que no es una solución real. solo los sitios de google tienen este problema.
dermoritz
Hay dos niveles: suavizado de fuente ( sevenforums.com/tutorials/… ) que es anti-aliasing a nivel de píxel y ClearType que afecta a los subpíxeles del monitor. ¿Ha desactivado ambos o solo ClearType? Además, ¿está seguro de que está ejecutando su monitor con la resolución correcta? Parece extraño que encuentre ClearType renderizado "feo" ya que está destinado a mejorar la apariencia del texto.
James P
Estoy seguro de la revelación. y deshabilito todo tipo de suavizado, para limpiar todas las fuentes. Mientras tanto, encontré que: plus.google.com/+SethLadd/posts/ByN5ELN9vEy al final hay un enlace: chrome.google.com/webstore/detail/change-font-family-style/… que resolvió el problema en ¡cromo!
dermoritz
James es ABSOLUTAMENTE DERECHO. El problema puede agravarse al no tener la resolución de pantalla configurada adecuadamente.
Joshua
1
En realidad, es una imagen, no un texto, por lo que no tendrá el mismo problema. No quiero seguir hablando de ClearType, pero debo señalar que se puede personalizar en gran medida para que apenas afecte a la mayoría de las fuentes, pero aún tenga un efecto positivo en las que más lo necesitan.
James P
3

Para mí, este problema comenzó cuando instalé las fuentes Roboto de Google / Android y el problema desapareció al desinstalarlas .

Supongo que con la fuente instalada, intenta usar la versión TrueType local que se muestra bastante mal, mientras que las fuentes agregadas a la página web a través de la API de fuentes de Google se ven mucho mejor.

Martijn
fuente
No recordaba que acababa de instalar la fuente Roboto la semana pasada hasta que leí tu respuesta. Esta es la razón por la cual la fuente también se muestra tan mal en mi caso. Gracias.
JohnDubya
2

El problema es la fuente que usa google: parece ser feo en ppp bajo o sin suavizado. Alguna buena explicación: http://wellcaffeinated.net/articles/2012/01/25/font-smoothing-detection-modernizr-style/

Entonces, dos soluciones parecen funcionar. 1er: https://chrome.google.com/webstore/detail/change-font-family-style/aabledekpjmoghdjnpnhfkfpmjifklpb?hl=en-US Este complemento sustituye las fuentes. Funciona según lo previsto, todos los sitios de Google son legibles nuevamente.

2do: encienda el tipo claro. Los sitios de Google se ven bien, pero intencionalmente me convertí en un tipo claro: hace que todas las fuentes sean borrosas. Simplemente me gustan las fuentes nítidas (no tengo ningún problema para ver píxeles individuales).

Conclusión: hay fuentes que son feas sin suavizar o en baja resolución (monitores normales). un sitio web podría detectar (por js) si el suavizado de fuente está habilitado y sustituir la fuente si corresponde (consulte el enlace anterior, ejemplo en la parte inferior con y sin suavizado de fuente).

Lo que obviamente no funciona: apague la aceleración HW. Instalar todas las fuentes de Google (creo que si no tuviera la fuente correcta, sería sustituida por una más legible; esto es lo que hace el complemento de Chrome).

dermoritz
fuente
O simplemente use gdi ++ para una mejor representación de texto en Windows.
Derek 朕 會 功夫
0

De una pregunta de soporte de Mozilla :

Intenta deshabilitar la aceleración de hardware en Firefox.

Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"

https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes 

https://hacks.mozilla.org/2010/09/hardware-acceleration/ 

Intente configurar gfx.content.azure.enabled pref en falso o si esto no ayudó a deshabilitar Direct2D configurando gfx.direct2d.disabled pref en verdadero en la página about: config y deje la aceleración de hardware habilitada.

http://kb.mozillazine.org/about:config 
Jan Doggen
fuente
eso no ayudó
dermoritz
0

Estoy usar esta en Firefox para bloquear fuentes web en su conjunto, pero a menos que algunos sitios (como github)

límite
fuente
0

Solía ​​tener el mismo problema con las fuentes de Google (especialmente las hojas de cálculo de Google) usando Firefox. Lo que funcionó para mí fue lo siguiente:

  1. Abra en Firefox el documento o URL que muestra "fuentes feas". Asegúrese de abrir una ventana de Firefox en cada monitor / pantalla que tenga disponible. En mi caso tengo la pantalla de mi laptop y 2 monitores externos.
  2. Abra el enlace Actualizar Firefox
  3. Haga clic en el botón "Actualizar Firefox".
  4. En la ventana emergente, confirme haciendo clic en el botón "Actualizar Firefox".
  5. La configuración y los complementos de Firefox se restablecerán a los valores predeterminados, no se preocupen, técnicos: todos sus marcadores y contraseñas se guardarán.
  6. Espere hasta que Firefox se cierre y se abra nuevamente.
  7. Una vez que se actualiza Firefox, ya está listo, revise nuevamente la página con fuentes feas y el problema debería desaparecer.

Otra opción en el enlace que se muestra en el paso 2 es ir a la url sobre: ​​soporte . El botón "Actualizar botón" está en la esquina superior derecha.

2ark0
fuente