¿Cómo puedo arreglar la fea representación de fuentes web que no son ClearType en Firefox sin deshabilitarlas?

¿Cómo puedo arreglar la fea representación de fuentes web que no son ClearType en Firefox sin deshabilitarlas?

Tengo algunos problemas con la representación de fuentes en Firefox. He desactivado ClearType/Suavizado de fuentes en Windows 7 porque no me gustan las fuentes suavizadas (desmarqué "Suavizar bordes de fuentes de pantalla" en la sección de rendimiento del panel de control del sistema), y ahora parece que muchos usos de las fuentes web descargables renderizar muy mal en mi navegador, por ejemplo:

Representación de fuente fea y no clara

Observe que algunas (pero no todas) las líneas verticales aparecen en negrita [fuente de texto].

Sé que esto tiene algo que ver con las fuentes web descargables, ya que las fuentes normales parecen renderizarse correctamente. Puedosolución alternaEl problema se deshabilita completamente de las fuentes descargadas:

gfx.downloadable_fonts.enabled = false

Sin embargo, preferiría descargar las fuentes y renderizarlas correctamente. ¿Cómo puedo configurar Firefox para que las fuentes web descargables se muestren bien?¿Sin suavizado de fuentes?

Además, ¿cómo se llama el efecto del que estoy tratando de deshacerme? Parece que la fuente se está procesando para que la versión suavizada se vea mejor, pero eso no se desactiva con el suavizado. También tengo un problema similar en Chrome.

Estoy usando:

  • ventana 7
  • Firefox 40

Respuesta1

Entonces, probablemente debería publicar la respuesta que aprendí desde que hice mi pregunta originalmente.

tl;dr: es costoso crear fuentes que se reproduzcan bien en resoluciones de pantalla sin suavizar la fuente, por lo que la mayoría de los creadores de fuentes web ni siquiera lo intentan. No hay forma de hacer que una fuente mal insinuada parezca aceptable sin suavizar la fuente.

El problema central es que parece que crear una fuente que se vea bien en una pantalla escaro. Las formas de las letras se almacenan como curvas definidas matemáticamente que se pueden escalar a cualquier resolución, pero en resoluciones bajas esas curvas no caen bien en los píxeles correctos, por lo que requieren algo llamadosugerencia de fuentepara mostrar nítidamente. La sugerencia de fuentes se puede realizar de forma manual, manual o automática mediante un programa informático comottfautohint.

Los mejores resultados se obtienen con fuentes insinuadas manualmente. Microsoft gastó mucho dinero para indicar manualmente las fuentes que se incluyen tradicionalmente con Windows, para que se muestren muy bien incluso sin ClearType/Font Smoothing.

Las fuentes con sugerencias automáticas son muy inferiores. La mayoría de ellos requieren algún tipo de ClearType/Suavizado de fuente para tener un resultado de visualización aceptable en baja resolución, porque su forma sin procesar se parece a la basura en la captura de pantalla que incluí en mi pregunta original, con líneas de doble grosor y similares.

Eso no solía ser un gran problema, porque la mayoría de las páginas web estaban diseñadas para usar fuentes que ya estaban presentes en la computadora del usuario y que generalmente eran de alta calidad. Entoncesfuentes webse inventaron, lo que permitió a cada diseñador de sitios web ignorar las fuentes locales de alta calidad del usuario y en su lugar utilizar alguna fuente de menor calidad que les gustara. Esto también fomentó el uso de fuentes personalizadas para cosas comoIconos y logotipos de la interfaz de usuario.

Por lo tanto, si odias ClearType/Font Smoothing y tienes una pantalla de resolución estándar, eres SOL a menos que intentes arrebatar el control de la elección de fuentes de las páginas web que estás viendo. Va a ser una batalla larga y difícil, ya que el texto generalmente se reproduce perfectamente bien con fuentes locales, pero aún necesitas las fuentes web para los íconos. Probablemente no quieras utilizar las banderas del navegador para desactivar completamente las fuentes web. Aquí hay un par de herramientas que le ayudarán.

Cromo:Bloqueador de fuentes. Esta herramienta permitirá hacer clic derecho en algún texto y bloquear la fuente personalizada utilizada. Funcionará en muchas páginas web, pero cada vez tiene más problemas con las propiedades de Google.

Firefox:Bloqueador de fuentes foxificado. Esta herramienta parece ser la misma extensión de Chrome anterior, pero empaquetada para Firefox. Funciona de la misma manera.

Me gustaría que alguien creara algo así como un bloqueador de anuncios para fuentes web, que utilizara una lista administrada por la comunidad de sustituciones de fuentes y correcciones de páginas para hacer que la web sea fácilmente navegable sin fuentes web sin iconos.

Con el tiempo, el paso a una mayor densidad de píxeles en la pantalla hará que este problema sea discutible.

Respuesta2

Lamentablemente tuno poder.

La cuestión es que las fuentes borrosas lo son POR DISEÑO y, por lo tanto, deben desactivarse si desea que sean nítidas (es decir, reemplazadas por fuentes antiguas como Arial).

Desactivo el tipo claro en todos los lugares que puedo, ya que me duele la vista y me da dolor de cabeza. Esto es lo que me salvó recientemente, ya que ya ni siquiera podía leer mi correo electrónico con la fuente borrosa (¿Roboto?) utilizada desde la última actualización.
(Tuve que volver a la vista HTML para obtener algo utilizable...)


Desactivar fuentes web sofisticadas que casi siempre están borrosas:
Fuente :http://annystudio.com/misc/anti-aliased-fonts-hurt/

--

Mozilla Firefox :

Ábrelo escribiendo about:configen la barra de direcciones.
Establecer gfx.downloadable_fonts.enableden falso.

También puedes reemplazar todas las fuentes con la fuente de tu elección yendo a Herramientas – Opciones – Contenido.

--

Google Chrome

Haga clic derecho en el icono del iniciador de Chrome y elija Propiedades. Al final de la cadena del iniciador agregue--disable-remote-fonts

--

Tenga en cuenta que, si bien no lo probé, la solución de Firefox parece incluir una forma de reemplazar algunas fuentes con otras, por lo tanto, no deshabilitar todas ellas, sino simplemente reemplazarlas, con una granularidad probablemente altamente personalizable.
Por cierto, la mayoría de las fuentes diseñadas para ser borrosas seguirán siendo horribles si no las reemplazas... pero si encuentras (o diseñas) versiones nítidas de ellas y configuras dicho reemplazo, en realidad podrías tener fuentes cercanas a las originales sin tener que desactivarlo todo en masa.

Por cierto, noté que ya tenías la solución FF en tu publicación, pero la conservé porque supongo que las personas que la buscan pueden estar interesadas en tener una solución para ambos navegadores a la vez.

información relacionada