• Nosotros
  • Contacto
Öbjetto
Mússica
Advertisement
  • Login
  • Regístrate
Mi plan
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • SHOWROOM

No hay productos en el carrito.

Sin resultado
Ver todos los resultados
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • SHOWROOM

No hay productos en el carrito.

Sin resultado
Ver todos los resultados
Gràffica
Sin resultado
Ver todos los resultados

Las nuevas Tipografías Variables OpenType

Por Gràffica
16/09/2016
en Tipografía

Gracias a la tecnología responsive el diseño cada vez es mucho más flexible. Pero lo que todavía no tenía era unas tipografías que se adaptaran automáticamente a cada una de las dimensiones, cambiando sus características según las necesidades compositivas y en el mismo momento que se está redimensionando el diseño responsive que las aloja.

Tipografias Variables OpenTYpe-1
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.

Se trata de las Tipografías Variables OpenType, el nuevo tipo de fuentes variables desarrolladas conjuntamente por Apple, Google, Microsoft y Adobe y que ha presentado Typekit en uno de los eventos tipográficos más importantes del mundo: ATypI 2016.

Estas tipografías variables tienen la atractiva peculiaridad de que son capaces de comportarse como múltiples fuentes pero en un solo archivo OpenType. Imagina las infinitas posibilidades que se le ofrecen al diseñador si emplea una tipografía tan flexible que tiene la habilidad de cambiar de pesos, de tamaños y de otros atributos sin tener que aumentar el tamaño del archivo.

Los diseños web pueden ser todavía más efectivos en su componente responsive. Por ejemplo, una composición que reduzca el tamaño de sus elementos en formatos más pequeños y estrechos, puede tener una tipografía que vaya acompasando sus características –en este caso aumentando su tamaño o condensándose– para conseguir una mejor legibilidad del texto.

Free Faces Gallery: una selección exquisita de tipografías libres

«Fuentes tipográficas monoespaciadas» por Ana Moliz

Más
Tipografias Variables OpenTYpe-6
Ejemplo de cómo respondería una tipografía variable OpenType, por cortesía de Erik van Blokland

Con el objetivo de favorecer la adaptabilidad de la tipografía al diseño web, se han hecho viables todo tipo de cambios: es posible que se produzca un aumento de la x de una tipografía solo en dimensiones más pequeñas para facilitar la legibilidad del texto; se puede afilar o arquear ligeramente la tipografía de un logo atendiendo a objetivos compositivos y de adaptación de la marca según qué momentos; si fuera necesario se podrían también modificar astas descendentes de manera imperceptible para acomodar visualmente la tipografía en casos en las que los caracteres se encuentren muy apretados, etc.

Más de medio año ha sido necesario para mejorar significativamente las especificaciones del archivo OpenType. Ahora incluye la tecnología OpenType Font Variations que permite al diseñador barajar conjunto de glifos o glifos individuales gracias a 64.000 posibles variaciones (pesos, altura, etc.) y definir posiciones específicas en el diseño (en el artículo escrito por John Hudson puedes ampliar la información técnica sobre las Tipografías Variables OpenType).

Aunque las fuentes variables ya son una realidad, los creadores afirman que todavía queda mucho por hacer. Por lo que todavía tardaremos un poco en ver esta tecnología funcionar de forma natural en cualquier diseño responsive. Por el momento, esperaremos impacientes las novedades que vayan surgiendo sobre estas tipografías responsive tan prometedoras.

→ typekit.com

Tipografias Variables OpenTYpe-2
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-5
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-4
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-3
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.

Actualizado 16/09/2016

+ Artículos

Tipografía

Free Faces Gallery: una selección exquisita de tipografías libres

Por Gràffica
Tipografía

«Fuentes tipográficas monoespaciadas» por Ana Moliz

Por Ana Moliz
Tipografía

Akkordeon Slab: más músculo para los titulares tipográficos

Por Gràffica
Tipografía

UAI, de Naipe Foundry, equilibrio tipográfico perfecto entre estética y función para entornos UI 

Por Ana Moliz
Tipografía

Tausend: una tipografía que homenajea a las grotescas alemanas… y las lleva al futuro

Por Gràffica
Tipografía

El Gran Casino del Sardinero acoge la nueva exposición de Santatipo sobre memoria gráfica y vida de barrio

Por Gràffica
Animación

El 17º Weird Market desvela sus primeras claves: más sedes de proyección, ‘showroom’ reforzado y una potente agenda profesional

Por Gràffica

El Mercado Internacional de Animación, Videojuegos y New Media celebrará su 17ª edición en València del 2 al 4 de...

Leer

El Monogram de Louis Vuitton: historia, origen y evolución de un ícono del lujo

València convoca un concurso con condiciones denigrantes y un premio irrisorio que reabre el debate sobre la precarización del diseño

Javier Jaén abrirá el II Congreso Internacional de Diseño de Alicante

Nuevo curso, nuevas preguntas para el diseño

  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • SHOWROOM
Aviso legal | Política de Privacidad y cookies | Condiciones de compra

© 2025 graffica.info

Sin resultado
Ver todos los resultados
  • Nosotros
  • Contacto
  • Login
  • Únete
  • Carrito

© 2025 graffica.info

¡Hola de nuevo!

Entra en tu cuenta abajo

¿Has olvidado tu contraseña? Únete

¡Crea una nueva cuenta!

Rellena el formulario de abajo para registrarte

Se requieren todos los campos Entrar

Recupera tu contraseña

Por favor, pon tu usuario o email para restablecer tu contraseña

Entrar
Sin resultado
Ver todos los resultados
  • Nosotros
  • Contacto
  • Login
  • Únete
  • Carrito

© 2025 graffica.info