Cómo corregir la calidad de las fuentes en Google Chrome

Todos habréis comprobado como en muchas ocasiones la calidad de las fuentes web tienen mucha peor calidad en Google Chrome que en Firefox, por ejemplo. Incluso las propias fuentes del servicio de Google Fonts!

En un interesante artículo nos indican cómo solucionar este problema, que pasa siempre por bajarnos la fuente y servirla vía @font-face.

Tendrías que crear los archivos .eot, .woff y .svg. Para ello descarga el archivo .tff desde Google Fonts (hay un botón de descarga en la esquina superior derecha) y en Fontsquirrel obtienes los diferentes formatos. Si en vez de usar Google Fonts usas directamente Fontsquirrel ya tendrás todo convertido.

La manera de conseguirlo es añadir un media-query adicional:

Actualización Agosto 2014: Google ha lanzado la versión 37 de Chrome que corrige este problema, por lo que ya no será necesario hacer lo que decimos en este artículo.

9 comentarios en “Cómo corregir la calidad de las fuentes en Google Chrome

  1. Hola Juan,

    Gracias por el artículo, este problema es muy común también con Safari en el caso de algunas fuentes.

    Desconocía la técnica que publicas, hasta ahora se podía solventar optimizando las fuentes con Font Squirrel, aunque a menudo supuso una pérdida del detalle de la tipografía.

    Espero haberme explicado bien.

    Muchas gracias

  2. Gracias por el artículo Juan.
    Me será muy útil ya que estoy diseñando nuestra nueva web de empresa y soy muy maniática con que la calidad de la fuente sea la óptima. 🙂

    Gracias.

  3. Muy bueno el articulo. Todo lo que sea mantenernos informados, nos ayudar a que el trabajo diario, sea mas fácil. Muy bien explicado, paso a paso. Enhorabuena por el blog.

  4. Pues estas soluciones pasarán a la historia en breve. Chrome ya ha implementado DirectWrite despues de dos años!!!

    Esperemos que la larga espera valga la pena. Podemos activar DirectWrite en nuestro Chrome estable como funcionalidad en fase de pruebas. Yo he estado haciendo unas pruebas y los resultados han sido positivos. Para activar DirectWrite pueden seguir los pasosmostrados aqui: http://www.vozidea.com/solucion-para-el-renderizado-de-fuentes-en-chrome

  5. Actualmente estoy diseñando la página Web de mi empresa, estoy utilizando algunas fuentes de Google Fonts; pero totalmente por el contrario Google Chrome, Internet Explorer, Opera, muestran correctamente las fuentes; pero Mozilla Firefox las distorciona totalmente. Quedaría muy agradecido si alguien me puede orientar al respecto; estoy desesperado con este problema. Gracias.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.