A la izquierda está firefox 4, a la derecha está chrome 12. ¿Hay alguna manera de hacer que chrome renderice fuentes más bonitas?
La imagen de arriba fue tomada en windows xp. Abajo hay otro ejemplo de windows 7.
Comprueba la configuración de ClearType - la captura de pantalla de Chrome parece que está siendo forzada a renderizar sin anti-aliasing. Eso matará a casi cualquier fuente web, ya que no tienen sugerencias monocromáticas (por razones de tamaño, entre otras cosas). Solía ver esto como “IE renderiza mejor el texto”, porque ignora la configuración de ClearType a nivel del sistema operativo y la activa por defecto.
¡Todas esas respuestas son incorrectas! Este es un gran error en Google Chrome, por favor, vea el informe oficial de errores / hilo incluyendo un montón de capturas de pantalla aquí: Informe oficial de errores en Chrome Code
Actualmente la mejor solución es simplemente dar a su elemento/título esta simple regla:
-webkit-text-stroke: 1px
Adición del Dr. John: He encontrado una sugerencia de que html { -webkit-text-stroke: 0.25px} funcionaría también - la encontré en https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4
Chrome está leyendo tu configuración de ClearType, que en Windows XP está desactivada por defecto.
Para solucionar el problema, cierra primero el navegador Chrome.
Ahora haz clic con el botón derecho del ratón en cualquier lugar del escritorio y selecciona “Propiedades” en el menú desplegable.
Haz clic en la pestaña “Apariencia” que se encuentra en la parte superior de la nueva ventana.
La segunda opción hacia abajo debe decir: “Utilice el siguiente método para suavizar los bordes de las fuentes de la pantalla”.
Seleccione la opción “ClearType”.
Haga clic en Aplicar y vuelva a abrir su navegador Chrome.
A partir de ahora Chrome renderizará tus fuentes con un bonito anti-aliasing para conseguir ese efecto de suavidad.
Coloque el archivo SVG más arriba en la regla css de font-face, ya sea la primera o la 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;
}
Aquí se pueden ver ejemplos de este arreglo: Ejemplos de FontSpring Ejemplos de Adtrak
Dentro de Google Chrome haz clic en la llave inglesa > Opciones > Bajo el capó > [al lado de Contenido web] haz clic en Personalizar fuentes.
Cambia la configuración para que tu página se vea como la mía
Luego haz clic en la x, y mira si tu problema se soluciona.
Si esto no lo arregla, puede haber una cosa más… pero esperaré hasta que pruebes esto.
Chrome toma el valor clearType del sistema para las fuentes. El hecho de que se vea mejor en Windows 7 lo explica. En un Mac, el antialiasing está activado para todas las fuentes por encima del tamaño 8, supongo. Prueba a activar o a cambiar el clearType de tu máquina Windows
Actualización : Parece que Chrome 22 y superiores ignoran la configuración del sistema para clearType
Tuve exactamente el mismo problema, la representación de webfonts de http://www.google.com/webfonts en Chrome. Probé todas las sugerencias en este y un par de otros sitios y ninguno de ellos funcionó.
Finalmente, empecé a inspeccionar las propiedades CSS del texto afectado, y resultó ser el color de la fuente lo que causaba el problema. Un título con color:#454545 se veía mal, pero el mismo título con el siguiente color: color:#333 funcionaba bien. Gracias a Dios por las hojas de estilo específicas para el agente de usuario.
Chrome no renderiza bien las fuentes web en este momento. Hay varios errores en su rastreador de problemas para esto. Por favor, marca con un asterisco los que sean relevantes para que se les preste más atención.
En mi caso no fue la configuración de ClearType en Windows 10.1 x64, sino que resultó ser una configuración en mi navegador Chrome llamada DirectWrite.
chrome://flags/#directwrite Eso arregló el problema para mí.
Tuve este problema de forma tan grave en Windows XP SP3 que hizo que Chrome fuera inutilizable a todos los efectos. Me di cuenta de que había instalado Clear Type Tuning en el Panel de Control y probé a desmarcar “Enable Font Smoothing” en la pestaña avanzada. Después de reiniciar Chrome. estaba bien, incluso después de activar el suavizado de fuentes de nuevo. Decidí marcar la casilla “Aplicar todos los ajustes a los valores predeterminados para los nuevos usuarios y el sistema”.
Ir a chrome://flags/ (o about:flags) y Desactivar la opción Anular la lista de renderizado del software.
El lienzo 2D acelerado debería estar desactivado también.
Esa combinación me ayudó.
presione la tecla de windows + r y escriba cttune.exe
el método alternativo es presionar la tecla de windows y escribir cleartype y luego seleccionar Adjust ClearType Text
y seguir las instrucciones, si todavía tiene problemas pruebe algunos de los otros ejemplos
esto me funcionó, tiene que probar los diferentes ejemplos, es muy parecido a la calibración de contraste/brillo pero para el texto en lugar de
Para su información: deshabilitar la aceleración 2d podría ayudar a conseguir que Chrome juegue con la herramienta de ajuste de cleartype de windows
Parece que la respuesta larga y dura es que no se puede. Hay un montón de discusiones y sugerencias en la ayuda de Chrome , pero no veo nada que valga la pena sugerir.
La gran pregunta es ¿cómo consigues que se vea tan mal? Estoy usando Chrome para escribir en esta caja… Incluso he ampliado el zoom un montón y no veo nada de lo que estás. Si después de esto sigues teniendo dudas deberías explicar tu configuración a la comunidad.
Aunque Chrome es “utilizable” para las fuentes, se ve delgado y deslavado donde rinde las líneas diagonales especialmente. IE renderiza mucho mejor pero IE es un navegador más lento y también FireFox.
Creo que esto es inherente al código de Chrome.
Por cierto, HackToHell, ¿dónde puedo cambiar el color de renderizado?
Probaré esto.
Si quieres que las fuentes web sean legibles mientras tienes desactivado el suavizado de fuentes/cleartype, la solución es desactivar las fuentes web en Google Chrome. En este caso, el navegador utilizará las fuentes estándar del sistema operativo que se muestran correctamente cuando se desactiva el suavizado/cleartype. Para ello, pase la bandera /disable-remote-fonts a chrome.exe. Haga clic en el acceso directo de Google Chrome en el escritorio, seleccione Propiedades, vaya a la pestaña Acceso directo y establezca como objetivo:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts
Puede haber un problema con las fuentes web que están deshabilitadas. Si el sitio web está usando iconos de fuentes web, entonces no se mostrarán.
El problema correspondiente en Chromium tracker:
“System-wide ClearType setting not respected for web fonts https://code.google.com/p/chromium/issues/detail?id=319429