Variable Fuente Consejos de Charles Nix

Seguramente ya habrás visto el uso de la variable fuentes . Esas palabras animadas, blanditas, 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 se ha encontrado con la Variable fuentes 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 de fuente . Pero, ¿qué es una variable fuente?

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

Y como la Variable fuente es un espectro de posibilidades, como diseñadores inteligentes que somos, enseguida nos dimos cuenta de que un espectro se puede mezclar y animar. De ahí el rebote y la flexión de fuentes por todas partes. Y no sólo el peso puede flexionarse. Algunas variables fuentes 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 fuente. Esto ha dado lugar a aún más 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.

Se trata de una nueva y emocionante función para fuentes y un nuevo y emocionante futuro para la tipografía. Siga leyendo para profundizar en el tema de la tipografía variable en fuentes con Myfonts.

El formato Variable fuente reduce mágicamente todos los estilos de un tipo de letra a un único archivo fuente . ¿Cómo lo consigue? Escribiendo el principio y el final de la historia y permitiéndole elegir todos los acontecimientos intermedios. Variable fuente los diseñadores 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, ligero, normal, semiondulado, 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.

Tomemos como ejemplo Avenir Next Variable. La versión tradicional de Avenir Next contenía hasta 60 archivos fuente , de ultraligero a pesado y de condensado a normal, además de la cursiva. Son muchos archivos fuente que comprar y rastrear, e incluso si adquiere toda la familia, queda 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 atrevido para los pies de foto, o ligeramente más condensado para que quepa más texto en un espacio pequeño, sólo tienes que ajustarlo. 32.500 estilos posibles al alcance de su creatividad por una fracción del coste de los 60 estilos disponibles anteriormente.

Por ejemplo, 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. Eso es un espectro de variaciones en peso y anchura y tamaño óptico. Y es una combinación de todos esos ejes. Si necesita un tipo semi, semi, semi negrita, ligeramente condensado para usar en letra muy pequeña (¿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 los 96 estilos "estáticos" de fuente.

Parte de lo que ha hecho que Variable fuentes sea tan popular ú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 estudiando las variables, qué son y qué pueden hacer. Quizás te preguntes: "¿Dónde puedo conseguir algunas de estas increíbles fuentes?" Bueno... en Myfonts, ¡por supuesto! Hay literalmente cientos disponibles para explorar y comprar. Sólo tiene que buscar "variable fuente" para comenzar su viaje MyFonts Variable (o explorar la gran Variable fuentes incluida 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 a los experimentos de Codepen de la increíble Mandy Michael o a este breve tutorial sobre cómo usar Variable fuentes y CSS de CSS-Tricks y explora el increíble potencial de Variable fuentes para la tipografía responsiva en la web que eres tu brillante guía, Jason Pamental.

Y hay un puñado de sitios realmente fantásticos que muestran las posibilidades de Variable: Variable Fuente del increíble Nick Sherman; AxisPraxis del brillante Laurence Penney; el escaparate Variable fuente de nuestros amigos de Monotype y Fuente Playground de Wenting Zhang y Hua Shu. Écheles un vistazo, mójese los pies y, después, ¡láncese a la piscina de Variable fuente !

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 fuente . 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 on/de descuento para la cursiva en una familia. Hay un eje de inclinación (slnt) separado en algunas Variables fuentes para controlar la cantidad de "oblicuidad". Y algunas variables contienen un eje de tamaño óptico (opsz) para permitir diferentes estilos para tipos muy pequeños en un extremo y muy 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 hay algunos ejemplos alucinantes en torno a la aplicación de Variable fuentes. Ayer mencionamos la brillante guía de Jason Pamental sobre tipografía responsiva mediante Variable, pero no está de más darle otro toque. Eche un vistazo a esta increíble aplicación de Variable (por VBAT y Monotype Studio) para Amsteldok, un logotipo Variable en toda regla. Y otra identidad Variable muy diferente realizada por Superunion (y el Monotype Studio) para el gigante británico de los servicios de entrega EVRi.

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