Qué son las fuentes variables y su importancia. Cualquiera que haya hablado recientemente con diseñadores de fuentes (quizás también usuarios de fuentes) puede haber escogido la frase “fuente variable“. Incluso si aún no sabe qué hay detrás  o de lo que son capaces, una cosa parece estar clara: la comunidad de diseño tiene mucha curiosidad sobre este tema.

¿Qué es una fuente variable?

Una pregunta simple con una respuesta aparentemente simple. Una familia de fuentes generalmente consta de muchos, a veces docenas de estilos. Por lo general, hay varios anchos de línea, como Delgado, Ligero, Regular, Medio y Negro, a menudo también se ofrecen varios anchos, como Condensado, Comprimido o Extendido.

Todos estos suelen ir acompañados de estilos en cursiva. Cada una de estas variantes encuentra su lugar en un archivo de fuente separado que debe descargarse e instalarse en la computadora de un diseñador (aplicación de escritorio), o se cargará desde un servidor para un sitio web o un anuncio digital (aplicación en línea) . Esencialmente, una fuente variable le permite almacenar una amplia gama de estilos en un solo archivo de fuente. Por lo general, incluyen la gama completa de estilos de peso y / o ancho de una familia,

Con una fuente variable, todos los estilos de una familia de fuentes se definen en un único archivo de fuente variable. Por lo general, son todo el espectro de anchos de línea y anchos de caracteres, así como cursiva o inclinada y muchas otras opciones de estilo (tamaño óptico, forma de las serifas y mucho más).

Las fuentes variables permiten a los diseñadores usar controles deslizantes para optimizar ciertos aspectos de una fuente. 

En la tipografía digital tradicional, por ejemplo, los diseñadores tienen la opción de elegir entre estilos regulares y medios. Con una fuente variable, no tiene que elegir entre una (fuente) u otra (fuente), pero puede, en un mismo archivo de fuente, definir cualquier punto en el eje de peso. Esto significa: Control completo y preciso sobre este aspecto de la escritura. Además, no hay cambio de fuente, lo que permite una flexibilidad sin precedentes, especialmente para documentos digitales dinámicos cuyos textos se crean utilizando CSS.

tipografias variables

 

 

Fuentes variables para diseño movil

Las fuentes variables son el requisito previo ideal para el diseño móvil primero. Se pueden construir para ser legibles en prácticamente cualquier tamaño de pantalla e incluso en cualquier dispositivo, lo que garantiza una marca consistente y una excelente experiencia de usuario en todos los dispositivos de salida.

Ahora, cada desarrollador puede codificar el contenido digital para que la fuente variable utilizada siempre pueda responder de manera óptima al navegador respectivo, el tamaño de la pantalla, el modo día/noche y el tamaño predeterminado del texto. Todo esto sucede en tiempo real.

Gran rendimiento, tamaño reducido

Quizás la mayor ventaja de la tecnología de fuente variable es que todos estos refinamientos tipográficos direccionables se encuentran en un archivo compacto. 

En el pasado, cada tipo de letra que usaba un sitio web significaba descargar un archivo individual. Si utilizó varios estilos, por ejemplo, tres pesos y dos cursivas, un sitio web tenía que recuperar cinco archivos de fuentes cada vez que un visitante navegaba allí. Este proceso causó tiempos de carga molestos y, a veces, un tiempo de espera de uno o dos segundos, lo que llamó la atención del espectador. Si esto continuaba al acceder a las páginas siguientes, podría ser bastante frustrante.

Las fuentes variables, por otro lado, empaquetan todos sus estilos en un archivo compacto. La compresión varía de una familia a otra dependiendo de cuántos personajes y ejes de estilo estén incluidos. Como regla general, cuantos más niveles se ofrecen (por ejemplo, 600 anchos de línea), mayor es el efecto de compresión. En lugar de cargar varios archivos de fuentes, el sitio web solo carga uno, cuya amplia gama de variantes se controla simplemente mediante CSS.

En pocas palabras: las fuentes variables ofrecen libertad y flexibilidad tipográfica sin precedentes, al tiempo que mejoran el rendimiento del contenido digital.

tipos de fuentes variaBLES

Fuentes variables en la actualidad

Después de que se introdujera la especificación de fuente variable a fines de 2016, todas las empresas tardaron un año o dos en hacer su tarea para crear y admitir el nuevo formato. Los navegadores y los programas de diseño tuvieron que actualizar el soporte de fuentes e instalar controles deslizantes para los ejes de estilo en el menú de fuentes.

Pero desde 2019 no ha habido excusas. Después de que Adobe agregó soporte para fuentes variables en Illustrator y Photoshop, dos entornos donde la sofisticación tipográfica es menos demandada,  InDesign siguió en noviembre de 2019 . Finalmente, los diseñadores podrían usar fuentes variables en el programa de diseño más popular del mundo, donde las fuentes siempre han desempeñado el papel principal.

Este es el momento para que las empresas y las marcas preparen sus equipos de diseño para fuentes variables. Debido a que el cliente feliz aún no se ha movido, un poco de entrenamiento no puede hacer daño. Es posible que su equipo creativo haya escuchado las fuentes variables de palabras clave, pero lo que esto significa para el trabajo diario, tanto en los programas de diseño clásicos como en el entorno HTML / CSS, debe analizarse en detalle.