74 votos

¿Cómo puedo mejorar el aspecto de la fuente en google chrome?

On the left is firefox 4, on the right is chrome 12.

La izquierda es firefox 4, a la derecha cromo 12. ¿Hay una manera de hacer cromo renderizar fuentes más bonita?

La imagen de arriba fue tomada en windows xp. A continuación es otro ejemplo de windows 7.

enter image description here

36voto

Symmetry Puntos 442

Compruebe configuración de ClearType - el cromo pantalla parece que se está forzando para hacer no-anti-aliasing. Matará a cualquier fuente de la web, ya que no tienen matices monocromáticos (por razones de tamaño entre otras cosas). Yo solía ver que este reportado como "IE renders texto mejor", porque hace caso omiso de la configuración de ClearType SO y enciende de forma predeterminada.

16voto

Simon Beal Puntos 121

Chrome es la lectura de su ClearType que en Windows XP se apaga de forma predeterminada.

  1. Para solucionar el problema, primero cierre el navegador Chrome.

  2. Ahora haga clic derecho en cualquier lugar en el escritorio y seleccione "Propiedades" en el menú desplegable.

  3. Haga clic en la pestaña "Apariencia". encuentran a lo largo de la parte superior de la nueva ventana.

  4. Y haga clic en el botón 'Efectos'.

  5. La segunda opción debería leer, "Usar el siguiente método para suavizar los bordes de las fuentes de pantalla."

  6. Seleccione el "ClearType" opción.

  7. Haga clic en Aplicar Y Vuelva a abrir su navegador Chrome.

A partir de ahora en Chrome procesamiento de fuentes bien anti-alias para que el efecto liso.

12voto

Brandon Puntos 63

Coloque el archivo SVG más alto en la regla de css font-face, ya sea 1 o segunda por ejemplo:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

En lugar de:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}

Ejemplos de esta solución se pueden ver aquí:

FontSpring ejemplos
Ejemplos de Adtrak

8voto

red Puntos 191

¿Tienes aceleración GPU habilitada en Google Chrome? Tipo about:flags y GPU Accelerated Canvas 2D , desactivarlo si está habilitado. Fuentes en algunos sitios aparecen muy irregulares cuando he ojeado la aceleración activada.

2voto

wizlog Puntos 7564

Dentro de Google Chrome Haz clic en la llave > Opciones > bajo el capó > [al lado de contenido de Web] haga clic en personalizar fuentes.

Cambiar la configuración para que tu página se parece a miMy options screen

Continuación, haga clic en la x y ver si su problema está solucionado.

Si esto no lo soluciona, puede ser una cosa más... pero esperaré hasta que lo pruebes esto.

EnMiMaquinaFunciona.com

EnMiMaquinaFunciona es una comunidad de administradores de sistemas en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros sysadmin, hacer tus propias preguntas o resolver las de los demás.

Powered by: