Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Fonts
Design

¿Qué son las fuentes variables?

by
Length:ShortLanguages:

Spanish (Español) translation by Elena Pari (you can also view the original English article)

Dar formato a la tipografía para que se ajuste exactamente a tus propósitos puede tomar mucho tiempo. Así que imagina lo que sería poder hacer una fuente sutilmente más negrita o cursiva simplemente ajustando un control deslizante en Illustrator.  

variable font

La tecnología de las fuentes variables te permite hacer justamente eso. Estos archivos de fuentes individuales realmente se comportan como fuentes múltiples, pues te permiten ajustar el grosor, el ancho y la inclinación de las letras mientras trabajas.

¿Pero son las fuentes variables realmente útiles para los diseñadores, o solo un truco divertido pero sin sentido? Aquí veremos cómo puedes usar las fuentes variables en Illustrator CC y cómo aplicarlas mejor en tu trabajo de diseño. 

¿Estás buscando más fuentes interesantes? Echa un vistazo a la amplia gama de fuentes serif y sans serif en Envato Elements y GraphicRiver

¿Qué son las fuentes variables?

Una fuente variable es un formato de fuente OpenType que incluye una nueva tecnología llamada tipografías variables OpenType.  

Estos archivos de fuentes fueron desarrollados conjuntamente por cuatro de las compañías de tecnología más influyentes (Google, Apple, Microsoft y Adobe) y contienen una gran cantidad de datos adicionales, en comparación con la fuente OpenType promedio.  

Una fuente variable puede contener el conjunto completo de glifos de una fuente, o glifos individuales con hasta 64,000 ejes de variación, incluyendo grosor, ancho, inclinación y, en algunos casos, estilos específicos, como Condensado, Negrita, etc. 

¿Está bien… pero para qué? 

Junto con la tecnología Color Font o fuentes de color, las fuentes variables pueden parecer un poco inútiles para los no iniciados. Muchos tipógrafos argumentarán que el proceso de dar formato a las fuentes manualmente es la forma más profesional y satisfactoria de hacer las cosas.  

Sin embargo, las fuentes variables son una progresión natural en el campo de la tipografía y reflejan cada vez más los desarrollos en el diseño web responsive. Los diseñadores exigen más conveniencia e interactividad de sus herramientas de diseño, y las fuentes que se pueden ajustar con un control deslizante satisfacen esta demanda. 

Las fuentes variables ofrecen flexibilidad y resultados inmediatos, lo que las convierte en una novedad bienvenida por el tipógrafo ocupado.  

También son excelentes para ajustar la tipografía 'en vivo'. Entonces, si, por ejemplo, le estás mostrando a un cliente un diseño en tu pantalla, puedes ajustar el formato del encabezado ante sus ojos al instante. 

¿Cómo encontrar fuentes variables? 

Puedes usar un rango limitado de fuentes variables preinstaladas en Adobe Illustrator CCAdobe Photoshop CC, que incluyen: 

  • Acumin Variable Concept 
  • Minion Variable Concept 
  • Myriad Variable Concept 
  • Source Sans Variable 
  • Source Serif Variable 
  • Source Code Variable 

Los diseñadores independientes de fuentes también están empezando a lanzar sus propias fuentes variables, aunque muchas de ellas todavía están disponibles solo como prototipos. Echa un vistazo a Gingham, una sans serif minimalista de Christoph Koeberlin; o Jabin, una variante gótica de Frida Medrano. 

También puedes visitar el sitio web beta v-fonts.com, que ofrece una lista cada vez mayor de nuevas fuentes variables. 

variable fonts site

¿Cómo usar las fuentes variables?

Aquí vamos a ver cómo utilizar las fuentes variables en Illustrator CC.  

El proceso es realmente fácil. Simplemente selecciona la Herramienta Texto (T) y arrastra para crear un marco de texto en la página. Coloca el cursor en el marco y escribe tu texto.  

Con el marco seleccionado o el texto resaltado, elige una fuente variable del menú de fuentes en el panel Carácter (Ventana> Tipo> Carácter)

Haz clic en el pequeño símbolo de la doble T a la derecha del menú para el grosor de la fuente. Cuando se desplaza sobre el símbolo, verás que aparece 'Fuente variable' junto al cursor. 

character panel

Al hacer clic allí, se abre una ventana emergente con controles deslizantes para ajustar los tres valores que se detallan a continuación. 

Peso o grosor (Weight) 

Ajustar este control deslizante hace que el tipo parezca más delgado o en negrita. Dependiendo de la fuente, este valor puede variar desde ultra delgado a muy pesado o grueso.  

Esta es una excelente opción para jugar con el impacto visual de los encabezados o subtítulos, permitiéndote definir el grado correcto de negrita para tu texto. 

Ten en cuenta que aumentar el peso de la fuente también puede expandir el ancho total del texto. Esto se debe simplemente al mayor tamaño de cada carácter.  

Anchura (Width)        

Ajusta el control deslizante llamado Ancho para darle a la fuente un aspecto condensado (o estrecho), o para estirarla y darle un aspecto más amplio.  

Si bien esto tiene un efecto estético en el texto, también es un método realmente ingenioso para eliminar cualquier línea huérfana o viuda extraviada en tu texto si no deseas pasar mucho tiempo ajustando manualmente el tracking o el kerning. 

Inclinación (Slant)  

Si bien en los círculos tipográficos a menudo se considera un gran error aplicar una cursiva falsa al texto, el control deslizante de inclinación en realidad replica una gran variedad de pesos auténticos en cursiva. 

Esto pone tu disposición el aspecto profesional de las cursivas reales, pero la amplia variedad de opciones a menudo solo se puede lograr aplicando falsas cursivas.  

¿Dónde usar las fuentes variables?

Las fuentes variables se han creado básicamete para el diseño web y son compatibles con Safari, Chrome, Edge y Firefox. La web es el hogar natural de las fuentes variables, ya que están desarrolladas de manera específica para sitios web y aplicaciones del tipo responsive. Puedes jugar con diferentes fuentes variables y acceder a una vista previa de cómo se verían en línea en Axis-Praxis.

axis praxis

Al almacenar información sobre múltiples familias de fuentes en un solo archivo, las fuentes variables también ofrecen una solución que ahorra espacio para los diseñadores web.  

Sin embargo, las fuentes variables también presentan una nueva y emocionante forma de dar formato a la tipografía para los diseñadores de materiales impresos. Dado que el ajuste de las fuentes es tan rápido y conveniente, los diseñadores pueden ahorrar mucho tiempo mientras trabajan en sus borradores.  

Conclusión: ¿Son las fuentes variables algo pasajero o han llegado para quedarse?  

Para los diseñadores web, las fuentes variables representan otro desarrollo emocionante en lo que es la tipografía para el diseño responsive. Junto con las fuentes de color, las fuentes variables permiten a los diseñadores web ser más flexibles y creativos en sus diseños, haciendo que la tipografía sea el punto focal de los sitios web en lugar de una mera necesidad.  

Para los diseñadores de materiales impresos, el jurado aún no sabe si las fuentes variables son lo suficientemente útiles para reemplazar el formateo manual de la tipografía. Hasta que una gran variedad de fuentes variables esté disponible en el software de Adobe, parece poco probable que reemplacen el método estándar de formateo tipográfico para la mayoría de los diseñadores.  

¿Buscas más fuentes geniales? Echa un vistazo a la selección de tipos de letra en Envato Elements y GraphicRiver, o revisa nuestras listas donde hemos seleccionado algunas de las mejores fuentes:

Si quieres aprender más, ¿por qué no pruebas nuestro nuevo curso, Up and Running with Variable Fonts?

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.