Las nuevas fuentes de Google son una victoria para los diseñadores

Google lanzó Google Fonts en 2010 para proporcionar fuentes web de forma gratuita. Durante los siguientes seis años creció considerablemente, convirtiéndose en muy popular entre los diseñadores web por la obvia razón de la asequibilidad.

El sitio web original era definitivamente lo que el mundo de las startups llamaría un MVP: un producto mínimamente viable. Hizo el trabajo, pero no fue bonito, y no fue especialmente fácil de usar. Como una compañía cada vez más orientada al diseño, Google evidentemente vio que un gran rediseño de la interfaz de usuario estaba en orden.

Maqueta de un componente de la nueva página web de Google Fonts, a través de Google

En junio lanzaron una nueva versión de la página web, y es gloriosa. Aquí vamos a hacer un rápido recorrido que te dirá lo que necesitas saber para usar este servicio de forma inteligente, tanto si eres un recién llegado como un veterano de Google Fonts. Primero tenemos que hacer algunas preguntas básicas.

¿Qué es una fuente web, de todos modos?

Rebobina hasta el amanecer de la Internet moderna: 1996. En este punto, si eres un diseñador web, los únicos tipos de letra que puedes seleccionar razonablemente son los que puedes estar seguro de que cada propietario de ordenador personal ya tiene instalados en su máquina. Si un visitante no tiene el tipo de letra que ha usado en su sitio web, tiene que descargarlo en el acto, lo cual en los días de la conexión telefónica, no es posible.

En el 96, Microsoft decidió hacer el sólido Interneta distribuyendo una selección de fuentes de forma gratuita, incluyendo Arial, Times New Roman y Verdana, con el fin de aumentar el stock de tipos de letra viables para que los diseñadores web los utilicen. La web comienza a verse mejor, pero aún se ven los mismos tipos de letra una y otra vez. Si te encuentras con algo más único, probablemente sea un archivo de imagen.

Avance rápido a 2009. Llega un programa CSS llamado @font-face, haciendo viable por primera vez que los visitantes del sitio web descarguen los archivos de fuentes en el acto sin un tiempo de descarga demasiado terrible. Las fuentes que están hechas para interactuar con este software se llaman fuentes web.

¿Las fuentes de Google son realmente gratuitas? ¿Cuál es la trampa?

Tras la revolución de @font-face, aparecieron un par de servicios que ofrecían una buena selección de fuentes web por una cuota mensual, que compartían con las fundiciones de fuentes profesionales que suministraban los tipos de letra. El mayor de estos servicios es Adobe Typekit.

Entra en Google. Para no ser superados, el gigante de Internet decidió crear un servicio comparable de forma gratuita. Sí, gratis gratis: todos los tipos de letra que aparecen en el directorio de fuentes de Google son de código abierto, lo que significa que no sólo puedes usarlos para cualquier página web, comercial o no comercial, sino que, a diferencia de Typekit, también puedes descargarlos en tu ordenador e incluso modificarlos tú mismo. Lo mejor de todo es que la enorme potencia del servidor de Google significa que las velocidades de descarga son rapidísimas, lo que garantiza que los visitantes de su web tengan una buena experiencia.

¿Y qué hay para Google? Obviamente no están haciendo esto sólo por el bien de sus corazones.

Maqueta de un componente del sitio de Google Fonts, a través de Google

Hay algunas teorías convincentes. Una de ellas es que quieren desalentar a los diseñadores web de usar archivos de imágenes en lugar de archivos de fuentes, porque las imágenes no pueden ser indexadas por los algoritmos de búsqueda de Google. Otra es que, una vez que un usuario descarga una fuente web una vez, la tiene para siempre, así que cada sitio que visite con esa fuente a partir de entonces se cargará a una velocidad óptima. Google utiliza las fuentes de Google para su propia plataforma, por lo que les interesa que las computadoras de los visitantes estén preparadas para utilizar sus productos a la velocidad del rayo. En general, Google, al ser una empresa basada en la web, se beneficia de una Internet más rápida y atractiva.

Entonces, ¿por qué la gente optaría por un Typekit caro en lugar de fuentes gratuitas de Google en este momento?

A los seis años de su existencia, Google Fonts puede presumir de tener muchos tipos de letra de calidad. Pero debido a que es gratuito y los diseñadores de tipos de letra no están viendo ningún derecho de autor, nunca va a ser capaz de tirar de la cantidad y la calidad que Typekit hace. Typekit tiene muchas más fuentes, y todas ellas demuestran el más alto grado de artesanía. En Google, a veces se pueden encontrar problemas, como un kerning incómodo, una mala representación en tipos de letra muy grandes o pequeños, o simplemente un trabajo de estudiante estéticamente cuestionable. Sin embargo, en general, es una muy buena opción a un precio inmejorable.

Maqueta de un componente de la página web de Google Fonts, a través de Google

Las fuentes de Google

El equipo de diseño de Google publicó una bonita explicación de su rediseño, señalando, por ejemplo, la introducción de nuevas opciones de color, una disposición de la cuadrícula más versátil y cambios selectos en la interfaz de usuario. Aquí vamos a profundizar un poco más, comparando las antiguas fuentes de Google y las nuevas una al lado de la otra. Si está acostumbrado al sitio antiguo o si es nuevo en las fuentes de Google, este tour le pondrá al día.

Las fuentes son mucho más fáciles de seleccionar. ¿Pero dónde está tu “colección”?

En las viejas fuentes de Google, encontrabas las que te gustaban y las añadías a lo que se llamaba tu “colección”. Lo hiciste usando un gran botón azul blasonado con esta frase.

Aparentemente, los diseñadores de Google observaron que los usuarios se confundían de alguna manera con la palabra “colección”, así que la abandonaron. Ahora, si añades un tipo de letra haciendo clic en el icono del signo más, aparece una ventana expandible en el borde inferior que dice “1 familia seleccionada” (o más, dependiendo de cuántas familias de tipos hayas elegido).

Una de las mejores cosas del nuevo sitio web es que los signos de suma aparecen dondequiera que se indique un tipo de letra, por lo que es muy fácil añadir aquellos con los que te hayas tropezado. Si quieres eliminarlos más tarde, solo tienes que hacer clic en el icono menos que ocupa el lugar del signo más. Por el contrario, en las antiguas fuentes de Google sólo se podían añadir tipos de letra del directorio principal, por lo que si encontrabas uno mediante la función “emparejamientos comunes”, que se encontraba en una página emergente (un molesto aspecto de UX que se ha eliminado correctamente), sólo tenías que recordarlo y crear una nueva búsqueda en el directorio.

Los filtros son más bonitos, pero aún así son un poco difíciles de usar bien

Las opciones de filtro, que antes estaban a la izquierda, ahora están a la derecha. Una característica ingeniosa es que este margen puede ser colapsado usando un icono de flecha si se quiere dedicar todo el espacio de la pantalla a la cuadrícula del directorio, y luego se puede volver a abrir fácilmente cuando se desee.

Si estabas acostumbrado al menú de los filtros antiguos, notarás que el nuevo utiliza menos menús desplegables, por lo que cosas como las categorías (serif, sans serif, etc.) siempre se exponen como casillas de verificación. También lo están los deslizadores para el número de estilos, el grosor, la inclinación y el ancho, que se marcan para activarse.

Estos deslizadores siguen siendo una especie de zona de peligro, así como un recordatorio de cómo la selección de Google Font puede faltar en términos de cantidad. Por ejemplo, si limita su búsqueda a tipos de letra con 3 o más estilos (es decir, negrita, negrita cursiva, etc.) y luego empieza a jugar con las especificaciones de grosor, inclinación o anchura, rápidamente se encontrará con una página “no hay coincidencias”.

Hay más características interactivas, pero algunas de las antiguas han desaparecido

La más dramática de ellas es una opción de color en la esquina superior derecha, que permite establecer el color de fondo del sitio web en amarillo, azul o negro además del blanco predeterminado. Esto puede ser útil si intentas hacerte una idea de cómo se ve un tipo de letra en un fondo de color.

Otra gran característica es que se puede escribir directamente en las cuadrículas del directorio, sustituyendo una muestra de texto por defecto de un tipo de letra con sus propias palabras. Sin embargo, hay algunas curiosas excepciones a este principio, como en la página de muestra ampliada de un tipo de letra (a la que se accede a través de “ver muestra”), donde el glifo de ejemplo, que se muestra en un tamaño grande, no se puede intercambiar con ningún otro.

En la página del espécimen encontrará la “función de emparejamiento popular”, que enumera los tipos de letra que comúnmente acompañan al que está mirando. El viejo sitio de fuentes de Google simplemente te mostró dos fragmentos idénticos de texto, uno encima del otro. La nueva característica de emparejamiento hace que un tipo de letra sea un encabezado y los otros emparejamientos de cuerpo de texto suelen funcionar en páginas web reales y te permite seleccionar cuál quieres poner en qué posición.

Una característica interactiva que parece faltar es la función “comparar”, que en las antiguas fuentes de Google permitía superponer dos fuentes de su colección para ver exactamente cómo difieren los caracteres. Eso parecía útil, pero tal vez no se usó mucho.

La información se presenta mejor

Es bueno saber de dónde vino tu fuente. En el sitio antiguo, la página de muestra incluía el nombre del diseñador, que enlazaba con su página de Google+. Lo siento Google, pero nadie quiere acabar en una página de Google+. La página de muestra del nuevo sitio, muy superior y basada en una cuadrícula, incluye la biografía del diseñador justo en la página misma, encima de una descripción de la fuente.

Otra información que el antiguo sitio web proporcionó, o intentó proporcionar, fue la distribución mundial de la aplicación de un tipo de letra. Lo presentaron en forma de mapa, con diferentes países sombreados de distintas maneras para significar la prevalencia de la fuente allí. Lamentablemente, no había una clave para lo que significaba ese sombreado, por lo que básicamente no tenía sentido. En el nuevo sitio reemplazan el mapa por un hermoso gráfico circular, que es mucho más auto-explicativo.

Tal vez la estadística más crucial que ofreció Google fue la velocidad de carga de la página, que aumenta según la cantidad de familias de fuentes y estilos (es decir, negrita, cursiva, condensada, etc.) que seleccione. (Como recordatorio, sólo debes seleccionar los estilos que vas a usar; no selecciones todos los estilos de una familia “por si acaso”). Desafortunadamente, en el sitio antiguo esto se presentaba usando un velocímetro y un número. Lo que este número representaba en milisegundos… no estaba claro. Las cosas en el nuevo sitio son mucho más simples. Terminas con una de tres velocidades: lenta, moderada o rápida.

La nueva página “destacada” es una victoria para los diseñadores

En la barra de navegación superior, entre “directorio” (la página principal) y “acerca de”, hay un enlace a una nueva sección llamada “destacados”, donde las fundiciones de tipos profesionales, Google, o los usuarios individuales publican colecciones curadas como “serifas dignas de encabezamiento” o “tipografías multiguión de 2016”. Es un gran lugar para empezar a buscar inspiración, y por supuesto puedes añadir cualquier tipo de letra que descubras a tu coleccionista, sea cual sea el nombre que quieran que le demos.

admin

Deja una respuesta

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

Publicar un comentario