Consejos sobre fuentes variables por Charles Nix

Probablemente ya habrás visto el uso de fuentes variables. Esas palabras animadas, esponjosas, saltarinas y saltarinas han estado en todas nuestras redes sociales, llamando nuestra atención sobre palabras y titulares, llamando la atención. Aunque la animación es la principal forma en que la mayoría de nosotros hemos encontrado las fuentes variables en los últimos dos años, es sólo la punta del iceberg de lo que es posible con esta nueva y dinámica funcionalidad tipográfica. Pero, ¿qué es una fuente variable?

En el fondo, una fuente variable es todos los estilos posibles de un tipo de letra reunidos en un único archivo. En lugar de una docena o cinco docenas de archivos de fuentes individuales, obtenemos un archivo de fuentes con todos esos archivos integrados. Pero incluso eso es un poco engañoso (en el buen sentido): un archivo de fuente variable contiene todos los estilos que normalmente asociamos a las fuentes -variaciones de peso, por ejemplo-, pero también contiene todo el espectro de espacios intermedios. Por lo tanto, se trata de un archivo de fuentes con todos los estilos tipográficos habituales y todos los matices posibles que puedas desear.

Y como la fuente Variable es un espectro de posibilidades, los diseñadores inteligentes que somos nos dimos cuenta enseguida de que un espectro se puede mezclar y animar. De ahí que las fuentes reboten y se flexionen por todas partes. Y no sólo el peso puede flexionar. Algunas fuentes variables también tienen un espectro de anchuras. Y aún hay más: los diseñadores tipográficos pueden añadir cualquier número de ejes personalizados (espectros de variación) a una fuente. Esto ha dado lugar a una mayor experimentación y expresión: ejes de sombra, de brillo, de emoción, ejes para el tiempo y la hora del día, y un largo etcétera.

Es una nueva y emocionante función para las fuentes y un nuevo y emocionante futuro para la tipografía. Sigue leyendo para profundizar en las fuentes variables con Myfonts.

El formato de fuente variable reduce mágicamente todos los estilos de un tipo de letra a un único archivo de fuente. ¿Cómo lo consigue? Escribiendo el principio y el final de la historia y permitiéndole elegir todos los acontecimientos intermedios. Los diseñadores de fuentes variables diseñan los extremos del viaje -el peso más ligero y el más pesado, por ejemplo- cuidando de que cada parada del camino funcione a la perfección. A continuación, planifican las paradas previstas (por ejemplo, ligera, normal, semionda, negrita, etc.), pero dejan abierta la posibilidad de que quieras parar en cualquiera de los cientos o miles de lugares que hay entre esas estaciones. El resultado es una especie de billete ilimitado: miles de destinos por una sola tarifa.

Por ejemplo, Avenir Next Variable.La versión tradicional de Avenir Next contenía hasta 60 archivos de fuentes, de UltraLight a Heavy y de condensadas a normales, además de las cursivas.Son muchos archivos de fuentes que comprar y rastrear, e incluso si adquieres toda la familia, te quedas atrapado en los pesos y anchos disponibles. Pero con Variable, si necesitas un peso ligeramente más ligero para los titulares, o ligeramente más grueso para los pies de foto, o ligeramente más condensado para que quepa más texto en un espacio pequeño, solo tienes que ajustarlo.32.500 estilos posibles al alcance de su creatividad por una fracción del coste de los 60 estilos disponibles anteriormente.

O tomemos el tipo de letra más famoso de la historia: Helvetica.En Helvetica Now Variable, los diseñadores tienen incluso acceso a 2.470.000 estilos posibles.Es un espectro de variaciones de peso, anchura y tamaño óptico. Y es una combinación de todos esos ejes. Si necesita un tipo ligeramente condensado, semiondulado y en negrita para utilizarlo en tipos realmente diminutos (¿y quién no?), Helvetica Now Variable le tiene cubierto. Si necesita un tipo de letra más fino que Regular para titulares gigantes, Helvetica Now Variable es la solución. Y, de nuevo, toda esa potencia creativa está a su disposición por una fracción del coste de la Helvetica Now Variable.96 estilos "estáticos" de la fuente.

Parte de lo que ha hecho que las fuentes Variable sean tan populares últimamente es que el terreno estaba preparado desde hace dos décadas. Los navegadores web y el tejido mismo del diseño en la web, CSS, han estado esperando la llegada de Variable. Los navegadores son las salas de cine de CSS y HTML, y como tanto HTML como CSS están "preparados para Variable", casi todos los navegadores del mundo están preparados para Variable.

Y cualquier otro programa que utilices para crear tus diseños está preparado para Varialble. ¿InDesign? Preparado para Varialble. ¿Ilustrator? Preparado para Varialble. ¿FotoShop? ¿Sketch? ¿Figma? Listo, listo, listo. Si lo consigues, Variable estará ahí. Así que, ¡empieza!

¡Haz algunos gifs Variables! Ponte manos a la obra. Hay mil y un tutoriales en la red para ayudarte a animar Variables. ¡Te divertirás! ¡Participarás en la creación del futuro de la tipografía y el diseño!

Etiqueta tus diseños:#myfontsvariable

Has estado echando un vistazo más de cerca a las Variables: qué son y qué pueden y harán. Es posible que te preguntes: "¿Dónde puedo conseguir algunas de estas increíbles fuentes?". En Myfonts, por supuesto. Hay literalmente cientos disponibles para explorar y comprar. Sólo tienes que buscar "fuente variable" para comenzar tu viaje por MyFonts Variable (o explorar las fantásticas fuentes Variable incluidas en los correos electrónicos de esta semana). El abanico de posibilidades hará que fluya su creatividad: desde clásicos utilitarios como Helvetica Now Variable hasta seductores recién llegados como Cotford Variable de Tom Foley, pasando por joyas ocultas como Wakerobin de Carl Crossgrove.

Y cuando estés listo para sumergirte en las posibilidades creativas de Variable, asegúrate de echar un vistazo alExperimentos Codepende la increíble Mandy Michael o este breve tutorial sobrecómo utilizar fuentes variables y CSS de CSS-Tricksy explorar el increíble potencial de las fuentes Variable para la tipografía responsiva en la web eres tu brillante guía,Jason Pamental.

Y hay un puñado de sitios realmente estupendos que muestran posibilidades variables:Fuente variablepor el increíble Nick Sherman;EjePraxisde la brillante Laurence Penney; la muestra de fuentes Variable de nuestros amigos deMonotipoy de Wenting Zhang y Hua ShuZona de juegos de fuentes. Compruébelo, mójese los pies y láncese a la piscina de fuentes variables.

Y no olvide estar atento a los trabajos de Variable que se realizan a diario y se exponen en las redes sociales. Fundiciones, diseñadores, agencias y marcas de gran talento publican constantemente nuevos trabajos de Variable procedentes de todo el mundo.

Ha llegado el momento de arremangarse y analizar algunos de los aspectos de futuro de este increíble formato tipográfico. Empecemos con la idea de los ejes. No te preocupes, intentaremos no complicarnos.

Como ya has aprendido, los ejes son las "líneas de variación" en Variables. El peso (wght) es el eje más popular, y con el que todos podemos identificarnos. En un extremo del eje del peso está el extremo ligero del espectro y en el otro, el más pesado. El ancho (wdth) es el segundo más popular: del más condensado al más extendido. Hay un eje de cursiva (ital): un simple interruptor de encendido/apagado para la cursiva en una familia. Hay un eje de inclinación (slnt) separado en algunas fuentes variables para controlar la cantidad de "oblicuidad". Y algunas Variables contienen un eje de Tamaño óptico (opsz) para permitir diferentes estilos para tipos realmente pequeños en un extremo y realmente grandes en el otro.

Éstos son los cinco ejes definidos, pero los diseñadores tipográficos pueden crear tantos ejes personalizados como deseen. Esto ha llevado a exploraciones realmente creativas: el eje "wonk" para añadir "wonkiness"; el eje "casual" para un poco más de amabilidad; el eje "softness" para un tipo más táctil; y así sucesivamente.

Los ejes personalizados son geniales, pero están apareciendo algunos ejemplos alucinantes en torno a la aplicación de fuentes variables. Ayer mencionamos el brillanteJason Pamentalguía de tipografía responsiva a través de Variable, ¡pero no está de más darle otro toque! Eche un vistazo a esta increíble aplicación de Variable (de VBAT y el estudio Monotype) paraAmsteldokun logotipo Variable en toda regla Y otra identidad Variable muy diferente, realizada por Superunion (y el estudio Monotype) para el gigante británico de los envíos.EVRi.

El futuro de la tipografía con Variable es cegadoramente brillante. ¡Añade tu voz visual a la historia!